• Страница 1 из 1
  • 1
Форум » Веб-разработка » HTML + CSS — коды » Копирование в буфер с помощью JavaScript (Один из наилучший способов скопировать текст в буфер обмена)
Копирование в буфер с помощью JavaScript
Kosten
Понедельник, 13 Апреля 2020 | Сообщение 1
Оффлайн
Администраторы
Сообщений:44269
Награды: 70
Это краткое описание позволит вам узнать, с какой помощью можно как реализовать копирование текста в буфер обмена, где задействуем 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
Понедельник, 13 Апреля 2020 | Сообщение 2
Оффлайн
Администраторы
Сообщений:44269
Награды: 70
Также можете посмотреть аналогичный материал, как копируем текст в буфер обмена на JavaScript, который немного по другому выстроен.
Страна: (RU)
-SAM-
Среда, 15 Апреля 2020 | Сообщение 3
Оффлайн
Друзья сайта
Сообщений:880
Награды: 40
Как понял, материалов на этот счёт много (что просто меняется внешняя стилистика полей, а функция по сути одна и та же). Вот еще тема ранее была (а здесь дан еще пример использования).



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


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