Всех друзей поздравляем с Новым годом! Всего вам самого наилучшего! Всех благ, здоровья а материальное приложится!
СКРИПТЫ 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
https://dwweb.ru/comments_1_5/include/img/hand_no_foto.png
no
no
Еще никто не прокомментировал! COMMENTS+   BBcode
аватар
🞨
Загрузить свой аватар
(max ширина, высота = 200px)

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

Последние комментарии :
Паула :
10/07/2020 06:23
Коментариев
подробнее.
Марат :
12/06/2020 10:07
Всегда пожалуйста! Приходите еще!!!
подробнее.
Александр :
04/06/2020 01:42
Спасибо
подробнее.
admin :
20/05/2020 10:36
Как бы смешно это не звучало! Но! Запускается новая система комментирования COMMENTS+ 1.5. в тестовом режиме!От…
подробнее.
Паула :
21/05/2020 04:48
Вообще мне очень нравится, что вы делаете! И ваш подход! И ваш стиль!И не обращайте внимание на всяких…
подробнее.

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