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

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 イベントに注意してください