11

clipboard.jsを動作させることができません。この Fiddleのように最も単純な例を正しく動作させることさえできないので、全体がどのように機能するかについての単純な「誤解」だと思います...

私の特定の問題は、これを機能させることです：

HTML:

<button class="copyButton" 
        id="copyButtonId" 
        data-id="@item.Type" 
        data-clipboard-action="copy" 
        data-clipboard-target="#copy_@item.Type">
</button>

コピーする必要がある div は次のとおりです。

   <div id="copy_@item.Type">
       @item.Type
       Name...: @item.Name
       Address: @item.Address
   </div>`

JS は次のとおりです。

$(function() {
$(document).on("click", ".copyButton", function() {
    var clipboard = new Clipboard(".copyButton"); 
    clipboard.destroy();
  });
});

私は関数に入っていますが、何も起こっていません。私は試した：

clipboard.copy();

しかし、それは私に例外をスローします...

コピーしたいテキストを取得できます

var id= "copy_" + $(this).attr("data-id"); var source = ($("#" + agent).html());

しかし、私はそれを使用してのみ解決できるはずclipboard.jsです。

うまくいく例が見つからないので、誰かが完全な例を見せてくれたらうれしいです。私は本当に理解しようとしましたが、全体を考えすぎて、これを実際よりも複雑にしている可能性があります. 以前にそれを使用していて、これは素晴らしいjsソリューションだと思うので、回避策は必要ありません...理解できれば:)

正しい方向へのすべてのヒントは高く評価されます!

4

3 に答える 3

-2

申し訳ありませんが、すべてを読む時間がありませんが、ライブラリhttps://www.npmjs.com/package/clipboardを使用できます

import ClipboardJS from 'clipboard'

その後new ClipboardJS('.btn')

または、これimport Clipboard from 'clipboard'があなたのソリューションで特別に機能するかどうかを確認してください

于 2020-12-24T11:02:59.030 に答える