Ho questo script js che dovrebbe creare un bottone per copiare il contenuto in un tag <pre>!
Il bottone si crea ma non copia il contenuto del tag <pre>
Se sostituisco <pre> con un <input type="text"> funziona egregiamente.
Dove sta l'errore che mi sfugge?
Grazie
codice:
<html> <head>
<meta charset="utf-8">
<title>Copiare un testo negli appunti con JavaScript</title>
</head>
<body>
<div class="myinput">
<h1>Premi il pulsante e copia il testo</h1>
<pre id="testo-da-copiare">Blah! Blah! Blah!</pre>
<input type="button" id="pulsante-da-premere" value="Copia negli appunti">
</div>
<script>
document.querySelector("#pulsante-da-premere").onclick = function() {
// selezione del contenuto
document.querySelector("#testo-da-copiare").select();
// copia negli appunti
document.execCommand('copy');
};
</script>
</body>
</html>