Персональный блог Игоря Антонова aka "spider_net"

clipboard.js. Как скопировать текст в буфер обмена без помощи Flash


Рубрика: Программирование -> JavaScript
Метки: | | |
Просмотров: 5981
clipboard.js. Как скопировать текст в буфер обмена без помощи Flash

Иногда возникает необходимость реализовать в web-приложении возможность копирования определенного текста в буфер обмена. Например, вы делаете какой-нибудь форматтер текста (вроде jsonformatter) и хотели бы чуточку облегчить вашему пользователю жизнь, позволив путем нажатия одной кнопки, поместить результат преобразования в буфер обмена. Согласитесь, отличный кейс?! Подобные задачи периодически возникают, но не всегда их удается быстро решить. Для ускоренного внедрения возможности работы с буфером обмена, Zeno Rocha создал замечательный модуль clipboard.js.

Для работы модуля не требуется внешних зависимостей в виде библиотек, фреймворков и других "страшных" вещей. Подключаете модуль к странице и для использования пишите что-то вроде:

<!-- Target -->
<textarea id="bar">Текст для теста</textarea>
<!-- Trigger -->
<button class="btn" data-clipboard-action="copy" data-clipboard-target="#bar">
    Скопировать в буфер
</button>

Более подробная документация приведена на официальном сайте проекта.

Оставьте комментарий!
comments powered by HyperComments