DOM

Document:dragenter イベント

 編集:2022.10.10 by T.A.

[Edge]。→

文書上でドラッグ中にドラッグ物が要素に入った時に発生します。

mdn: ドラッグ中のイベントやテキストの選択範囲が、妥当なドロップ ターゲットに入ったときに発生します。

mdn: ターゲットのオブジェクトはユーザーによる直接の選択範囲(ドロップ ターゲットとしてユーザーによって直接示された要素)、または <body> 要素です。

バブリング あり
キャンセル可能 はい
インターフェイス DragEvent
イベント ハンドラー プロパティ ondragenter
既定のアクション ユーザーによる直接の選択範囲をターゲット要素の可能性から除外する

HTML:

当文書上でドラッグ操作を…<BR>
<SPAN id=IdLog></SPAN>

JavaScript:

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

テスト