Копирование текста в буфер обмена

Есть потребность копировать в буфер обмена некий текст или блок разметки. 

Для этого мы можем использовать типовую кнопку с классом as-copyClipboard. 

Как она работает:

  • Если указан у кнопки атрибут data-text, то он будет копироваться в буфер обмена.
  • Если указан атрибут data-cont, то ищем элемент с заданным селектором и помещаем его значение в буфер обмена.
  • Атрибут data-msg задает текст сообщения при нажати на кнопку. 
  • Атрибут data-type задает тип alert (цвет окошка - success, info и т.д.).

Реализация: 

<a href="#" class="as-copyClipboard btn btn-primary" data-text="11" data-cont=".ss" data-msg="Copied">Копировать текст из атрибута data-text</a>

<a href="#" class="as-copyClipboard btn btn-primary" data-cont=".ss1" data-msg="Copied">Копировать текст из некоего контейнера</a><br>

<div class="ss1 bg-white my-2 p-3">Некий текст в контейнере ss1</div>
<a href="#" class="as-copyClipboard btn btn-primary" data-cont=".ss2" data-msg="Copied">Копировать текст из поля</a>
<input type="text" class="ss2 form-control my-1" value="Поле с классом ss2">
Насколько полезна эта возможность?

Другие модули

Поздравление клиента с днем рождения. Как увеличить касания с клиентами

Комментарии с флажками

Оконный интерфейс пользователя в личном кабинете на сайте - терминалы

Управление статусом заявки на сайте

Отправка действий в браузер пользователю (пуш, алерт и т.д.)

Добавление звука на сайт при действиях пользователя. Как сделать звук на сайте

Горизонтальный скроллинг на телефоне - прокрутка панелей вправо на мобильном экране

Красивые панели для выделения информации

Последние обновления

Пробы разных диаграмм

Визуализация 02.08.2023

Платформа Falcon Space

Это снижение стоимости владения

за счет меньшего количества людей для поддержки

Это быстрое внесение изменений

по ходу эксплуатации программы

Это современный интерфейс

полная адаптация под мобильные устройства

Сайт использует Cookie. Правила конфиденциальности OK