DOM

Document:drop イベント

 編集:2022.10.10 by T.A.

[Edge]。→

文書上でドラッグ物を妥当なドロップ ターゲットにドロップした時に発生します。

妥当なドロップ ターゲット: <INPUT>(テキスト系)、<TEXTAREA>、編集可能な要素、?。

mdn: 要素または選択されたテキストが、妥当なドロップターゲットにドロップされたときに発生します。

バブリング あり
キャンセル可能 はい
インターフェイス DragEvent
イベント ハンドラー プロパティ ondrop
既定のアクション 様々

HTML:

当文書上でドラッグ操作を…<BR>
<DIV contenteditable>[DIV。編集可能なエリア]</DIV>
<INPUT type=text value="text"><INPUT type=tel value="tel"><BR>
<IMG src="../../Sample/Picture.jpg"><BR>
<SPAN id=IdLog></SPAN>

JavaScript:

function Job(eve){ //drop イベントの処理:
  D=eve;
  let E=eve.target;
  IdLog.innerHTML=IdLog.innerHTML + E.tagName +" ";
}
document.ondrop=Job;

テスト