Это краткое описание позволит вам узнать, с какой помощью можно как реализовать копирование текста в буфер обмена, где задействуем 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");
}
Здесь как заметили, что все можно красиво оформить под свой дизайн сайта.
Демонстрация
