[JavaScript] Drag&Dropのイベント一覧

例えば、keyup,keydown,mouseleave,mouseoutとか色々あるけど、ドラッグ&ドロップの情報がなかった。

一覧

(本当にこれでいいのかわからないけど…) ドラッグ＆ドロップ操作に関するイベント

種類	イベント名	発生タイミング
ドラッグ	dragstart	ドラッグ開始時
	drag	ドラッグ中
	dragend	ドラッグ終了時
ドロップ	dragenter	ドラッグ元の要素がドロップ可能な要素に入ったとき
	dragover	ドラッグ元の要素がドロップ可能な要素内にあるとき
	dragleave	ドラッグ元の要素がドロップ可能な要素から出たとき
	drop	ドロップ中

引用:[連載：人気順に説明する初めてのHTML5開発：アドインなしで実現可能！ ドラッグ＆ドロップを使いこなそう (1/2) - ＠IT]

使い方

(死ぬ)

$("body").on({
  "dragstart drag dragend dragenter dragover dragleave drop": function (e) {
    console.log(e);
  },
});