[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);
    }
});