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

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

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

Как скопировать в буфер обмена в 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

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

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

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

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


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

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

Последние комментарии :
Прохожий :
02/01/2021 10:44
Здравствуйте Марат!Спасибо Вам, за оперативность и развернутый ответ с примерами. И ОГРОМНОЕ спасибо, что…
подробнее.
Марат :
01/01/2021 03:30
И вас с Новым годом!Посмотрите …
подробнее.
Прохожий :
31/12/2020 03:58
А как проверить, чекнут ли чекбокс программно, то есть - другим скриптом, а не мышкой?Вот тут…
подробнее.
Марат :
03/12/2020 08:47
Давно пользуюсь данным скриптом, который написал еще при царе горохе!За десять лет изменилось то, что и при…
подробнее.
Ольга Попова :
02/12/2020 11:42
Я уж было обрадовалась, а у меня не…
подробнее.