• Страница 1 из 1
  • 1
Форум » Веб-разработка » Скрипты HTML для сайта » Копирование в буфер с помощью JavaScript (Один из наилучший способов скопировать текст в буфер обмена)
Копирование в буфер с помощью JavaScript
Kosten
Дата: Понедельник, 2020-04-13, 09:45 | Сообщение 1
Оффлайн
Администраторы
Сообщений:29297
Награды: 62


Это краткое описание позволит вам узнать, с какой помощью можно как реализовать копирование текста в буфер обмена, где задействуем JavaScript, который считается одним из важных элементов.



HTML

Код
<input id="alopamag" type="text" value="Здесь идет текст, который копируем
">

<button id="degukasla">Копируем</button>

CSS

Код
#alopamag {
  padding: 6px 7px;
  font-size: 15px;
}

#degukasla {
  padding: 6px 11px;
  font-size: 15px;
  font-weight: bold;
  background-color: #121212;
  color: #efefef;
}

JS

Код
var text = document.getElementById("alopamag");

var btn = document.getElementById("degukasla");

btn.onclick = function() {
  text.select();    
  document.execCommand("copy");
}

Здесь как заметили, что все можно красиво оформить под свой дизайн сайта.

Демонстрация
Прикрепления: 7809341.png(2.7 Kb) · copy-text.zip(2.9 Kb)
Страна: (RU)
Kosten
Дата: Понедельник, 2020-04-13, 09:46 | Сообщение 2
Оффлайн
Администраторы
Сообщений:29297
Награды: 62


Также можете посмотреть аналогичный материал, как копируем текст в буфер обмена на JavaScript, который немного по другому выстроен.
Страна: (RU)
-SAM-
Дата: Среда, 2020-04-15, 07:31 | Сообщение 3
Оффлайн
Друзья сайта
Сообщений:720
Награды: 29


Как понял, материалов на этот счёт много (что просто меняется внешняя стилистика полей, а функция по сути одна и та же). Вот еще тема ранее была (а здесь дан еще пример использования).



Помог? Скажи спасибо в виде "+" - вам мелочь, а мне приятно.
Бесплатное оказание помощи и ответы на ваши вопросы по системе uCoz.


Сообщение отредактировал
-SAM- - Среда, 2020-04-15, 07:44
Страна: (UA)
Форум » Веб-разработка » Скрипты HTML для сайта » Копирование в буфер с помощью JavaScript (Один из наилучший способов скопировать текст в буфер обмена)
  • Страница 1 из 1
  • 1
Поиск: