[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;