[Javascript] Tasto seleziona e copia

Beppe2

Nuovo Utente
29 Lug 2018
6
0
1
Ciao
Ho questo semplice script:
Codice:
<!DOCTYPE html>

<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>
<input type="text" id="testo-da-copiare" value="Blah! Blah! Blah!"/>
<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>
Che funziona benissimo! Ma se lo modifico così:
Codice:
<!DOCTYPE html>

<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>
Non funziona più!
Perché?
Cosa deve fare perché funzioni con il tag <pre>
Grazie
Grazie