Come usare clipboard.js

Question

Come potreste supporre da questa domanda, non sono molto bravo con javascript e sto cercando di ottenere clipboard.js (https://clipboardjs.com/) funzionante ma impossibile. Ho seguito le istruzioni copiando clipboard.min.js nella cartella degli script e quindi ho fatto riferimento nel mio file html. Poi ho copiato il loro pulsante (e modificato un po 'come questo:

<button class="btn" id="test" data-clipboard-text="Just because you can doesn't mean you should — clipboard.js"> 
    Copy to clipboard 
</button> 

Nei loro istruzioni di configurazione, dicono questo:

"Ora, è necessario creare un'istanza di esso passando un selettore DOM, elemento HTML ., o un elenco di elementi HTML"

new Clipboard('.btn'); 

così poi ho fatto un listener di eventi come questo:

$('#test').click(function() { 
      var clipboard = new Clipboard('#test'); 
     }); 

Ma non so cosa dovrei fare con la variabile degli appunti una volta creata. O ho perso il punto su ciò che dovrei fare interamente?

Answer 1

Penso che il modo è necessario utilizzare è semplicemente istanziare dopo che il DOM è stato caricato:

$(function() { 
    new Clipboard('#test'); 
}); 

Questo convertirà il pulsante (con id="test") in un pulsante clipboard copia. E se lo premi, metterà il valore di data-clipboard-text negli appunti.

Non è nemmeno necessario memorizzare questa istanza, a meno che non si desideri interagire con il pulsante più avanti nel codice.