マウスで要素をドラッグしたりドロップすると、さまざまなイベントが発生します。

ドラッグ側の要素で発生するイベント

イベント 説明
dragstart ドラッグ要素をドラッグしたとき、つまりマウスを押してドラッグし始めた時にそのドラッグ要素が発生します。
drag ドラッグ要素をドラッグしている最中、つまりマウスを押したままの移動し続けている間、そのドラッグ要素で連続して発生します。
dragend ドラッグが終了したとき、つまりドラッグ中にマウスを話した時に、そのドラッグ要素で発生します。

ドロップ側の要素で発生するイベント

イベント 説明
dragenter ドラッグ要素がドロップ要素に入ってきた時に、そのドロップ要素で発生します
dragleave ドラッグ要素がドロップ要素から出て行った時に、そのドロップ要素で発生します。
dragover ドラッグ要素がドロップ要素上でドラッグにより移動している間、そのドロップ要素で連続して発生します。
drop ドラッグ要素がどロップ要素にドロップされた時、そのドロップ要素で発生します。