ホームページ >ウェブフロントエンド >jsチュートリアル >DOM_window オブジェクト属性 --clipboardData オブジェクトの操作コード_javascript スキル

DOM_window オブジェクト属性 --clipboardData オブジェクトの操作コード_javascript スキル

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBオリジナル
2016-05-16 18:11:021321ブラウズ
clipboardData オブジェクト
は、編集操作で使用する事前定義されたクリップボード形式へのアクセスを提供します。

メンバー テーブル

メソッド 説明
clearData dataTransfer または ClipboardData オブジェクトを通じて、クリップボードから 1 つ以上のデータ形式を削除します。
getData は、dataTransfer オブジェクトまたは ClipboardData オブジェクトを通じてクリップボードから指定された形式でデータを取得します。
setData は、指定された形式で dataTransfer または ClipboardData オブジェクトにデータを割り当てます。


次の例では、clipboardData オブジェクトの setData メソッドと getData メソッドを使用して、ショートカット メニューからカット アンド ペースト操作を実行します。
コードをコピーします コードは次のとおりです。

<script> ; <BR>//切り取るテキストを選択します。カット イベント中にテキスト選択の末尾にスペースがあると、カット <BR>// カット選択のショートカット メニュー項目が無効のままになります。 <BR>関数 fnLoad() { <BR>var r = document.body.createTextRange(); <BR>r.findText(oSource.innerText) <BR>} <BR> <BR>// カット ショートカット メニュー項目を有効にします。これは DIV の場合はデフォルトで無効になっています。 <br>function fnBeforeCut() { <br>event.returnValue = false <BR>} <BR><BR> // データを window.clipboardData オブジェクトにテキスト形式で割り当てます。 <br>// setData メソッドの結果 (Boolean) を下の入力ボックスに表示します。 <br>関数 fnCut(){ <BR>event.returnValue = false; <BR>bResult = window.clipboardData.setData("Text",oSource.innerText); <BR>oSource.innerText = ""; tText.innerText = bResult; <BR>} <BR><BR>// 貼り付けショートカット メニュー項目を有効にします。これは DIV 上にある場合はデフォルトで無効になっています <BR>function fnBeforePaste() { <br>event.returnValue = false ; <br>} <BR><BR>// onpaste で returnValue をキャンセルしてテキストを入力します。この操作はデフォルトの <BR>// 動作になります。 <br>function fnPaste() { <br>event.returnValue = false; <BR>oTarget.innerText = window.clipboardData.getData("Text"); <BR><BR></script>


LINK="#000000" VLINK="#808080" ALINK="#000000">

oncut="fnCut()">このテキストを選択して切り取ります

onpaste="fnPaste()">ここにテキストを貼り付け



;setData 結果:
>



コード内の oncut イベントと onpaste イベントに注意してください
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。