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