[Javascript] Tasto seleziona e copia

Discussione in 'Javascript' iniziata da Beppe2, 19 Maggio 2019.

  1. Beppe2

    Beppe2 Nuovo Utente

    Registrato:
    29 Luglio 2018
    Messaggi:
    6
    Mi Piace Ricevuti:
    0
    Punteggio:
    1
    Sesso:
    Maschio
    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
     
  2. Beppe2

    Beppe2 Nuovo Utente

    Registrato:
    29 Luglio 2018
    Messaggi:
    6
    Mi Piace Ricevuti:
    0
    Punteggio:
    1
    Sesso:
    Maschio
  3. Beppe2

    Beppe2 Nuovo Utente

    Registrato:
    29 Luglio 2018
    Messaggi:
    6
    Mi Piace Ricevuti:
    0
    Punteggio:
    1
    Sesso:
    Maschio
  4. Beppe2

    Beppe2 Nuovo Utente

    Registrato:
    29 Luglio 2018
    Messaggi:
    6
    Mi Piace Ricevuti:
    0
    Punteggio:
    1
    Sesso:
    Maschio
  5. |$Alessandro$|

    |$Alessandro$| Nuovo Utente

    Registrato:
    9 Agosto 2019
    Messaggi:
    7
    Mi Piace Ricevuti:
    0
    Punteggio:
    1
    Ultima modifica di un moderatore: 9 Agosto 2019
Sto caricando...

Condividi questa Pagina