Копировать текст в буфер обмена на JavaScript
12:16 14.06.2017
Недавно потребовалось скопировать текс в буфер обмена при помощи JS, но как известно скопировать в буфер на JS можно только в браузере IE, разработчики остальных браузеров считают, что копирование в буфер при помощи JS - небезопасно, конечно они правы, но задуманное было необходимо довести до конца.
Я искал решение на стороне флеш, но выбрал вариант без подключения флешек, я использовал сценарий|файлик clipboard.min.js, который можно скачать тут: https://clipboardjs.com.
Подключаем файл:
Вставляем код в документ:
Теперь копка, по нажатию на которую в буфер обмена скопируется указанный текст:
Готово.
Я искал решение на стороне флеш, но выбрал вариант без подключения флешек, я использовал сценарий|файлик clipboard.min.js, который можно скачать тут: https://clipboardjs.com.
Подключаем файл:
<script src="путь_до_файла/clipboard.min.js"></script>
Вставляем код в документ:
<script type="text/javascript">
var clipboard = new Clipboard('.btn');
clipboard.on('success', function(e) {
console.log(e);
});
clipboard.on('error', function(e) {
console.log(e);
});
</script>
Теперь копка, по нажатию на которую в буфер обмена скопируется указанный текст:
<button class="btn" data-clipboard-text="Текст для копирования в буфер обмена.">Копка</button>
Готово.
- Жалоба