Существует способ легко сделать это в большинстве современных браузеров, используя
document.execCommand('copy');
Это скопирует выбранный текст. Вы можете выбрать textArea или поле ввода, используя
document.getElementById('myText').select();
Для невидимого копирования текста вы можете быстро сгенерировать текстовую область, изменить текст в поле, выделить его, скопировать, а затем удалить текстовую область. В большинстве случаев этот текст даже не вспыхивает на экране.
В целях безопасности браузеры разрешают вам копировать только в том случае, если пользователь предпринимает какие-либо действия (например, нажимает кнопку). Один из способов сделать это - добавить событие onClick к кнопке html, которая вызывает метод, который копирует текст.
Полный пример будет выглядеть как
<html>
<head>
<title>copy test</title>
</head>
<body>
<button onclick="copier()">Copy</button>
<textarea id="myText">Copy me PLEASE!!!</textarea>
<script>
function copier(){
document.getElementById('myText').select();
document.execCommand('copy');
}
</script>
</body>
</html>