Как скопировать информацию с сайта в буфер обмена по клику

Последнее обновление: 4 октября, 2020

Без рубрики

Задачу удобно решать используя функционал с clipboardjs.com.

Прямая ссылка для скачивания их актуального js-файла:

https://clipboardjs.com/dist/clipboard.min.js

Примеры выполнения кода есть на официальном сайте, здесь я приведу только самый простой пример:

<script src="jquery.js"></script>
<script src="clipboard.min.js"></script>

<button class="btn" data-clipboard-text="no more js">
    Copy to clipboard
</button>

<script>
new ClipboardJS('.btn');
</script>

В коде выше:

  • перед подключением библиотеки скриптов для работы с буфером подключаем актуальную версию jquery
  • подключаем библиотеку скриптов
  • размещаем кнопку по клику по которой будет происходить копирование
  • размещаем блок инициализации под кнопкой
  • текст «no more js» будет помещен в буфер обмена