Копирование текста в буфер обмена
Есть потребность копировать в буфер обмена некий текст или блок разметки.
Для этого мы можем использовать типовую кнопку с классом 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">
Другие модули
Поздравление клиента с днем рождения. Как увеличить касания с клиентами
Оконный интерфейс пользователя в личном кабинете на сайте - терминалы
Управление статусом заявки на сайте
Отправка действий в браузер пользователю (пуш, алерт и т.д.)
Добавление звука на сайт при действиях пользователя. Как сделать звук на сайте
Горизонтальный скроллинг на телефоне - прокрутка панелей вправо на мобильном экране
Последние обновления
Форма 15.11.2025
Визуализация 02.11.2025
Таблица 08.10.2025
Форма 26.09.2025
Таблица 23.09.2025
Разное 23.08.2025
Таблица 21.08.2025
Форма 20.08.2025
Таблица 18.08.2025
Таблица 21.06.2025
Форма 07.06.2025
Форма 29.03.2025
Форма 17.02.2025
Файлы и документы 10.01.2025
Форма 01.11.2024
Форма 23.10.2024
Форма 13.08.2024
Таблица 03.06.2024
SQL-инструмент для создания личных кабинетов на сайте
Платформа Falcon Space
Это снижение стоимости владения
за счет меньшего количества людей для поддержки
Это быстрое внесение изменений
по ходу эксплуатации программы
Это современный интерфейс
полная адаптация под мобильные устройства