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

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

WBOY

リリース： 2016-05-16 18:11:02

オリジナル

1259 人が閲覧しました

clipboardData オブジェクト
は、編集操作で使用する事前定義されたクリップボード形式へのアクセスを提供します。

メンバーテーブル

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

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

コードをコピーしますコードは次のとおりです。

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

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

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

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

;setData 結果:
>

コード内の oncut イベントと onpaste イベントに注意してください