DOM

HTMLElement:cut イベント

 編集:2022.10.02 by T.A.

[Edge]○。→

ユーザーがブラウザーのユーザー インターフェイスから「切り取り」操作を実行したときに発生します。

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

HTML:

<div id=IdTest contenteditable>ここでコピー操作してみてください。</div>
<TEXTAREA id=IdArea>ここに貼り付けしてみてください。</TEXTAREA>

JavaScript:

function Job(eve){ //イベント処理:
  D=eve; //=[object]:[object ClipboardEvent]
詳細 //isTrusted=[boolean]:true //clipboardData=[object]:[object DataTransfer] //type=[string]:cut //target=[object]:[object HTMLDivElement] //currentTarget=[object]:null //eventPhase=[number]:0 //bubbles=[boolean]:true //cancelable=[boolean]:true //defaultPrevented=[boolean]:true //composed=[boolean]:true //…
eve.preventDefault(); //規定のcut処理をしないようにブラウザーに通告する。 let E=eve.target; //イベントが起きた要素。 E.style.backgroundColor="#fee"; //その要素に変化をさせる。 } IdTest.oncut=Job;

DataTransfer


テスト