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

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

    Функция для копирования текста 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 |
Последняя дата редактирования : 2019-12-24 07:54
Теги:
javascript скопировать в буферjavascript скопировать в буфер обменаjavascript скопировать текст скопировать текст в буфер обмена javascriptСкопировать текст в javascript

НАШИ ПРОЕКТЫ : Проекты находятся в разной степени готовности (просто их столько, что времени не хватает…) Все статьи авторские, при копироавании активная ссылка обязательна DwWeb.ru! © 2015 - 2020