clipboard.js. Как скопировать текст в буфер обмена без помощи Flash
Рубрика: Программирование -> JavaScript
Метки: JavaScript | инструменты | полезности | программирование
Просмотров: 5981
Иногда возникает необходимость реализовать в web-приложении возможность копирования определенного текста в буфер обмена. Например, вы делаете какой-нибудь форматтер текста (вроде jsonformatter) и хотели бы чуточку облегчить вашему пользователю жизнь, позволив путем нажатия одной кнопки, поместить результат преобразования в буфер обмена. Согласитесь, отличный кейс?! Подобные задачи периодически возникают, но не всегда их удается быстро решить. Для ускоренного внедрения возможности работы с буфером обмена, Zeno Rocha создал замечательный модуль clipboard.js.
Для работы модуля не требуется внешних зависимостей в виде библиотек, фреймворков и других "страшных" вещей. Подключаете модуль к странице и для использования пишите что-то вроде:
<!-- Target --> <textarea id="bar">Текст для теста</textarea> <!-- Trigger --> <button class="btn" data-clipboard-action="copy" data-clipboard-target="#bar"> Скопировать в буфер </button>
Более подробная документация приведена на официальном сайте проекта.