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