Всех друзей поздравляем с Новым годом! Всего вам самого наилучшего! Всех благ, здоровья а материальное приложится!
СКРИПТЫ althtmlcssphpjsblog

Копирование текста в буфер обмена js пример функция

Поддержи проект!!!

Как скопировать в буфер обмена в javascript - довольно мутная история! Но мы нашли работающий скрипт для копирования, который и поможет нам скопировать содержание, блока, по которому мы нажмем! Это довольно востребованная история копирование в буфер обмена, я несколько раз искал эту тему!

Для того, чтобы продемонстрировать, как работает данная функция copyText нам понадобятся два(можно больше, меньше) в который поместим какой-то текст, который и будет скопирован в буфер обмена.

Копирование в буфер обмена в js

  1. Как мы будем копировать в буфер текст в javascript
  2. Функция для копирования текста javascript
  3. Пример работы функции копирования текста javascript
  1. Как мы будем копировать в буфер текст в javascript

    Нам понадобится какой-то блок див, в котором будет заключен, какой-то текст! На сам div повесим onClick, во внутрь поместим самописную функцию copyText .

    <div id="explay" onClick="copyText(this)">Здесь первый текст</div >

    <div id="explay1" onClick="copyText(this)">Второй текст</div >

  2. Функция для копирования текста javascript

    Далее нам понадобится функция

    function copyText(element) {

       var range, selection;

       if (document.body.createTextRange) {

            range = document.body.createTextRange();

           range.moveToElementText(element);

            range.select();

       } else if (window.getSelection) {

            selection = window.getSelection();

            range = document.createRange();

            range.selectNodeContents(element);

           selection.removeAllRanges();

           selection.addRange(range);

       }

       console.log(range);

       try {

           document.execCommand("copy");

           alert("Ссылка скопирована : " + selection );

       }

       catch (err) {

           alert("unable to copy text");

       }

    }

  3. Пример работы функции копирования текста javascript

    Для того, nxj,s скопировать текст, который находится перед вами в буфер обмена с помощью javascript, вам нужно нажать по любой строчке, которая идет ниже! Результат копирования или не копирования текста в буфер обмена вы увидите моментально!

    Вы можете пойти в какой-то текстовый редактор и извлечь, все, что внутри буфера обмена : вставить- ctrl + v

    Здесь первый текст
    Второй текст
Ещё :

В прошлый раз мы копировали в javascript первым и вторым способом и сегодня тоже тема: javascript скопировать текст в буфер обмена.


Вас может еще заинтересовать список тем : #JS_COPY |
Последняя дата редактирования : 2020-02-28 07:06
//dwweb.ru/comments_1_5/include/img/hand_no_foto.png
no
no
Еще никто не прокомментировал! COMMENTS+   BBcode
аватар
🞨
Загрузить свой аватар
(max ширина, высота = 200px)

Подписаться + =
Теги:
javascript скопировать в буферjavascript скопировать в буфер обменаjavascript скопировать текст скопировать текст в буфер обмена javascriptСкопировать текст в javascript

Последние комментарии :
Марат :
23/10/2020 01:15
Посмотрел... количество возможных знаков 3... почему у вас не получилось увидеть 2...…
подробнее.
Марат :
23/10/2020 01:05
Да! Тоже исправим...А с ссылкой... вроде бы исправлял... совсем недавно...сейчас проверю в чем там…
подробнее.
Марат :
23/10/2020 01:03
Спасибо за внимательность!1). Исправлено!2). Что-то я сразу не понял, о каком подтверждении идет речь!?О любых…
подробнее.
Станислав :
23/10/2020 08:04
В Ранее отправленном комментарии о скрипте № 85.1 пункт 2 уже выяснен:Скорее всего комментарий не будет…
подробнее.
Станислав :
23/10/2020 07:39
1.Скрипт № 85.1имеется описка в слове: Ссылка на скачив-е-ние:2. Можно ли предусмотреть, чтобы после отправки…
подробнее.