問題タブ [clipboard.js]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
0 に答える
559 参照

javascript - JavaScript - クラス名に基づいて clipboard.js でテキストをコピーする

Clipboard.jsライブラリを使用して、HTML コードの下で動作するクリップボードへのコピー機能を取得しようとしています。

ご覧のとおり、td または a-element ごとに値/ID が変化します。

ID の代わりに class 要素を使用して clipboard.js を操作することはできますか?

このコードでは正しい値を取得できますが、clipboard.js で動作させることはできません。

各 td の data-value 属性の値を取得し、clipboard.js でコピーするにはどうすればよいですか?

ありがとうございました。

0 投票する
1 に答える
127 参照

javascript - クリップボードjsでFirefoxを使用すると空白が削除されない

私はclipbord.jsを使用していますボタンをクリックしてコードをコピーし、上部にかなり大きなギャップが残る場所に貼り付けます

.replace(/\s/g, "")こちらで使ってみました

Codepen の例 --> リンクは動作するコードで更新されました

質問: Firefox を使用する場合、コードをコピーして貼り付けるときにギャップがないことを確認する方法を教えてください。

Google ChromeEdgeInternet Explorerを使っていると隙がない

ここに画像の説明を入力

HTML

0 投票する
1 に答える
612 参照

javascript - clipboard.js - セルごとに複数行を Excel に貼り付ける

私が解決しようとしている問題があります。つまり、クリップボードの内容 (clipboard.js i を使用して入力) を Excel に貼り付けて、いくつかのセルに 2 つの行があるようにしたいということです。

私のプロジェクトの内外であなたを退屈させるつもりはありませんが、ここに単純化されたバージョンがあります:

現在、私の clipboard.js 実装は、javascript オブジェクトを繰り返し処理しています。Excelに貼り付けられるように構築しています-タブは\ tで区切られ、各「行」は\ nで終わります。

たとえば、行のクリップボード文字列は次のようになります (読みやすいようにスペースと変数名を入れています)。

...これを Excel に貼り付けると、予想どおり、独自のセルにアバター、日付、時刻、およびテキストが生成されます。

私がやりたいことは、セルごとに複数の行を持つことです。たとえば、「アルファ」列には、avatarImage と avatarName の 2 つが保持されます。

今明らかに私は使用できません(読みやすくするためのスペース):

... avatarImage を行 1 に配置し、残りを行 2 に配置するためです。

私はソフトウェア開発にかなり慣れていないので、これに対する解決策をまだ見つけることができませんが、方法があることに疑いはありません。

誰か提案やアイデアはありますか?正直なところ、何でも大歓迎です。

乾杯、デイブ

0 投票する
1 に答える
1488 参照

angular - angular 2 - 値の変更時に文字列をクリップボードに自動的にコピーします

文字列を返すAngularサービスがあり、この文字列をユーザーのクリップボードに入れたいです。

angular2-clipboardをインストールして結果を入力に表示し、自動コピーが失敗した場合にユーザーが「コピー」ボタンをクリックできるようにしました。しかし、私の願いは、プロパティにバインドされた入力値が変更されたときに、クリップボードの内容をその新しい値で自動的に設定することです。

これは現在機能しています:

ng-change を使用して「#btn.onclick()」を呼び出してクリック イベントを発生させる方法を見つけようとしましたが、期待どおりの動作を得ることができませんでした。

これを行う方法はありますか?

0 投票する
4 に答える
1031 参照

javascript - KnokoutJS と ClipboardJS を連携させるには?

Knockout foreach からいくつかの情報をクリップボードにコピーしようとしています。

ClipboardJS を使用:

しかし、それはコピーではありません。私が間違っていることは何ですか?

0 投票する
1 に答える
525 参照

twitter-bootstrap-3 - Bootsrap モーダルでの clipboard.js の使用

Chrome、FF、および IE 11 で問題が発生しました... ブートストラップ モーダルの場合、clipboard.js はクリップボードに文字列をコピーしません。メインページとモーダルから同じコードをコピーしてテストを行いました。これはメインページ内では正常に機能していますが、モーダル内では機能していません。

基本情報を使用してクリップボードの成功にリスナーを追加しましたが、両方のコンソールでまったく同じ情報を取得しました...したがって、その観点から見ると、モーダル内でも文字列が正常にコピーされましたか??

https://jsfiddle.net/SamuelC/uhc51of1/15/

0 投票する
1 に答える
270 参照

javascript - clipboard.js でホバー時にタイトル属性を更新する

テーブルからいくつかの引用をコピーするために、clipboard.jsを使用しています。基本的な HTML マークアップは次のとおりです。

現在、ボタンをクリックしたときにユーザーができることを説明するタイトル/テキストをマウスオーバーで表示しようとしています(そこではアイコンのみを使用します)。

ボタンで a を使用しようとしtitle="something"ましたが、clipboard.js はそれを上書きして空のままにします。また、手動で設定data-original-title="something"してもうまくいきません。

私は何が欠けていますか?ボタンでマウスオーバータイトルを(できればネイティブに)実現するにはどうすればよいですか?

0 投票する
1 に答える
2595 参照

javascript - クリックして特定のクラスのすべての要素をクリップボードにコピーする

クリックしてコピーする機能には多くのソリューションがあることは承知しています。最も人気のあるものの1つはclipboard.jsのようですが、特定のクラスを持つ要素のみをコピーできるソリューションは見つかりませんでした。

例えば:

すべてのクラス「copytext」を選択してクリップボードにコピーするスクリプトを作成するにはどうすればよいですか?