JavaScriptでコピー＆ペースト機能を実装する方法

JavaScript でコピー アンド ペースト機能を実装する方法: 1. "document.execCommand('copy')" メソッドを使用; 2. ClipboardJS を使用してコンテンツをコピーします。

この記事の動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

JavaScript でコピー＆ペースト機能を実装するにはどうすればよいですか?

js でコピー アンド ペーストを実装する 2 つの方法

1. はじめに

インターフェースにはコピー関数が必要なので、コピー関数を作成しました。単純な記録として

2. 方法、推奨事項 2.

1.最初のメソッド

1)、 document.execCommand('copy')

2) によるフロントエンド コードは次のとおりです。

3) 概要: 主に、class と id を通して a タグ内の href をコピーし、コピーした内容を生成された input タグに配置し、コピー後に input タグを削除します。内容をコピーして自分で変更することもできます。 js.

4)、問題: 最初のクリックは有効にならず、2 回クリックする必要がありますが、まだ解決されていません

2、2 番目の方法

1)、 ClipboardJS 経由 コンテンツをコピーするには、これをお勧めします

2)、git アドレス:clipboardjs(https://clipboardjs.com/)

3)、フロントエンド コードは次のとおりです:

3) 概要: ドキュメントをよく読んでください。このプロジェクトは今でも非常に強力なので、強くお勧めします。

4). 問題: 最初のコピーが有効にならないという問題にも遭遇しましたが、現時点では解決されていません。

3. 概要

1. 最初のコピーが有効にならないという問題に全員が遭遇しました。その後の解決策として、全員が sweetalert を使用しました。

2. 私は Google と Firefox ブラウザでのみ実験しており、使用できます。他のバージョンのブラウザが使用できない場合は、ご自身で他の記事を確認してください。連絡や修正は歓迎です。

推奨学習:「

JavaScript 基本チュートリアル」

以上がJavaScriptでコピー＆ペースト機能を実装する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。