DOM

HTMLElement:paste イベント

 編集:2022.10.02 by T.A.

[Edge]○。→

ユーザーがブラウザーのユーザー インターフェイスで「貼り付け」操作を行ったときに発生します。

バブリング ¶あり
キャンセル ¶可能
インターフェイス ClipboardEvent
イベント ハンドラー プロパティ onpaste

HTML:

<TEXTAREA id=IdTest>ここに貼り付けしてみてください。</TEXTAREA>

JavaScript:

function Job(eve){ //イベントが起きた時の処理:eve には ClipboardEvent オブジェクトが入りました。
  D=eve; //=[object]:[object ClipboardEvent]
詳細 //isTrusted=[boolean]:true //clipboardData=[object]:[object DataTransfer] //type=[string]:paste //target=[object]:[object HTMLTextAreaElement] //currentTarget=[object]:null //eventPhase=[number]:0 //bubbles=[boolean]:true //cancelable=[boolean]:true //defaultPrevented=[boolean]:false //composed=[boolean]:true //…
DA=eve.clipboardData; //=[object]:[object DataTransfer]
詳細 //dropEffect=[string]:none //effectAllowed=[string]:uninitialized //items=[object]:[object DataTransferItemList] //types=[object]: //files=[object]:[object FileList] //clearData=[function]:function clearData() { [native code] } //…
alert(DA.getData('text')); //貼り付けられたテキストを表示。 let E=eve.target; //イベントが起きた要素を取得。 E.style.backgroundColor="#fee"; //表現。 } IdTest.onpaste=Job;

DataTransfer


テスト