問題タブ [clipboard.js]

次のパターンを使用する多くのライブラリを見てきました-たとえば、私が取り組んでいるclipboard.js ：

それがその魔法を行うために必要なすべてです。しかし、それは ESLint を悩ませます:

私が見たいくつかの回避策は次のとおりです。

• 「use」の誤ったconsole.log()呼び出しclipboard
• /* exported clipboard */- しかし、これを機能させることができません (おそらく私の eslint を更新する必要がありますか?)
• /* eslint-disable no-unused-vars */- そして、プロジェクトの他の場所で最高のものを期待しています
• オプションにavarsIgnorePatternを入れます-非常に「迅速な」解決策ではなく、プロジェクトごとに異なります

私はそれらのどれにもあまり満足していません。var x = new X();しかし、ライブラリをインスタンス化するよりも「より良い」パターンはありますか? または、何が起こっているのかを ESLint に伝えるより良い方法はありますか?

HTML にいくつかの div があり、その div をクリックしたときに div の内容をコピーしたいと考えています。

したがって、最初の div をクリックすると、クリップボードに「Hello」がコピーされます。

このサイトを検索したところ、いくつかの zeroclipboard と clipboard.js が見つかりましたが、どのように使用すればよいかわかりません。私はjQueryが初めてです。

div の内部テキスト onclick をコピーする関数を作成するにはどうすればよいですか?

クリックした後、.fw-code-copy-button最も近いコンテナからソースコードをコピーしたいと思います。 .fw-code-copy-button-s は、ユーザーが専用の「ソースを表示」ボタンをクリックした後、動的に作成されます。

ボタンの例の HTML:

これは、クリックイベントをトリガーし、クリップボードにコピーするソースコードを定義する方法です:

そして、これがclipboard.jsがコピーイベントをトリガーする方法です

Web サイトのどこかをクリックすると、次のエラーが表示されます。

しかし、まず、コピーするテキストを定義したくありません。data-clipboard-text="..." 次に、値としてdata-clipboard-text定義され"..."ています。

誰かが少しでもお金を払ってくれたら、私はとても感謝しています。

[編集]デモンストレーション用に jsFiddle を作成したところ、驚くべきことに UncaughtError が消えましたが、sourceコードを onClick から Clipboard スコープに移動する必要があります。

https://jsfiddle.net/2rjbtg0c/1/

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

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

HTML:

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

JS は次のとおりです。

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

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

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

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

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

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

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

同じページで clipboardjs プラグインを 2 か所使用しました。

正しく機能するものをコピーすると、最初のコピーを何度もクリックすると正しく機能します.最初のコピーの後に2番目のコピーをクリックすると、その成功関数が2回実行されます. 私は成功がクリックのために一度だけ実行されることを望んでいます。

クリップボード プラグインの使用http://zenorocha.github.io/clipboard.js/ このプラグインが実行中のブラウザでサポートされているかどうかをプログラムで知ることはできますか? プラグインがサポートされていない場合、「クリップボードにコピー」ボタンを非表示にしたいという考えです。何かのようなもの