5

この質問から推測できるように、私は JavaScript が苦手で、clipboard.js ( https://clipboardjs.com/ ) を機能させようとしていますが、できません。指示に従って、clipboard.min.js をスクリプト フォルダーにコピーし、それを html ファイルで参照しました。次に、彼らのボタンをコピーしました (そして、次のように少し変更しました:

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

セットアップ手順では、次のように述べています。

「今度は、DOM セレクター、HTML 要素、または HTML 要素のリストを渡してインスタンス化する必要があります。」

new Clipboard('.btn');

そこで、次のようなイベント リスナーを作成しました。

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

しかし、クリップボード変数が作成されたら、それをどうするべきかわかりません。それとも、私が何をすべきかという点を完全に見逃していますか?

4

2 に答える 2

7

あなたがそれを使用しなければならない方法は、DOMがロードされた後に単純にインスタンス化することだと思います:

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

これにより、ボタン ( 付きid="test") がクリップボードのコピー ボタンに変換されます。そしてそれを押すと、の値がdata-clipboard-textクリップボードに置かれます。

コードの後半でボタンを操作する場合を除き、このインスタンスを保存する必要さえありません。

于 2016-04-27T13:27:13.967 に答える