Jak korzystać ze schowka.js

Question

Jak możesz się domyślić z tego pytania, nie jestem zbyt dobry w obsłudze javascript i próbuję uzyskać clipboard.js (https://clipboardjs.com/), ale nie mogę. Postępowałem zgodnie z instrukcjami, kopiując clipboard.min.js do folderu skryptów, a następnie odwołując się do niego w moim pliku html. Potem kopiowane ich przycisk (i modyfikowane to trochę tak:

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

w ich instrukcji konfiguracji, mówią tak:

„Teraz trzeba instancję przekazując selektora DOM, element HTML m. lub listę elementów html”

new Clipboard('.btn'); 

tak to zrobiłem detektor zdarzeń tak:

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

Ale nie wiem, co mam zrobić ze zmienną schowka po jej utworzeniu. A może brakowało mi sensu, co powinienem zrobić w całości?

Answer 1

Myślę, że sposób trzeba go użyć po prostu instancji po załadowaniu DOM:

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

To przekonwertuje przycisk (z id="test") do przycisku schowka kopii. Naciśnięcie go spowoduje dodanie do schowka wartości data-clipboard-text.

Nie musisz nawet przechowywać tej instancji, chyba że chcesz wejść w interakcję z przyciskiem w dalszej części kodu.