jsがクリップボードにコピーネイティブテキストを実装しました

プロジェクトは、多くの場合、需要のクリップボードに注文番号、注文IDやその他のコンテンツをコピーするボタンをクリック遭遇します。しかし、一般的に、我々はCtrlキー+ cまたはコピーするには右クリックを使用している、心配、JSもコピーコマンドであり、それはありませんdocument.execCommand(「コピー」);この順序のコピーがクリップボードにコンテンツを選択され、その後、また、チェックする必要がありますか?入力とTEXTAREA要素を持って心配しないでください選択()を自動的に選択私たちを助けることができる方法を、。その後、次のコードは、それを試して過ぎてコピーし、そこにあります!

関数のコピー(テキスト){ 
	VAR入力=のdocument.createElement( '入力')。
	input.setAttribute( '読み取り専用'、 '読み取り専用'); //防止手机上弹出软键盘
	input.setAttribute( '値'、テキスト); 
	document.body.appendChild(入力)。
	// input.setSelectionRange(0、9999)。
	input.select(); 
	VaRのRES = document.execCommand( 'コピー'); 
	document.body.removeChild(入力)。
	解像度を返します。
}

  アイデアの分析:

  1. 両方が選択DOMメソッドを持っているので、入力またはのTextAreaを作成し、コンテンツ(document.execCommand(「コピー」)は必要条件の内容をコピー)を選択することができます。
  2. 入力されたコンテンツに割り当てられた割り当てを要求します
  3. ドキュメントのDOMに追加します
  4. 入力ボックス(値をコピーするために、つまり)の値を選択します
  5. コピーコマンドの実行
  6. 最後に、ドキュメントのDOMから要素を削除することを忘れないでください
  7. この関数は、最後のコピーに成功した結果(真/偽、document.execCommandは(「コピー」)自体がfalse / trueを返す)、あなたは適切な相互作用を促し行うことができるかどうかを返します。

 

おすすめ

転載: www.cnblogs.com/zhaodesheng/p/11464934.html