[JavaScript] Drag&Dropのイベント一覧
1 min read
例えば、keyup,keydown,mouseleave,mouseoutとか色々あるけど、ドラッグ&ドロップの情報がなかった。
一覧
(本当にこれでいいのかわからないけど…) ドラッグ＆ドロップ操作に関するイベント| 種類 | イベント名 | 発生タイミング |
|---|---|---|
| ドラッグ | dragstart | ドラッグ開始時 |
| drag | ドラッグ中 | |
| dragend | ドラッグ終了時 | |
| ドロップ | dragenter | ドラッグ元の要素がドロップ可能な要素に入ったとき |
| dragover | ドラッグ元の要素がドロップ可能な要素内にあるとき | |
| dragleave | ドラッグ元の要素がドロップ可能な要素から出たとき | |
| drop | ドロップ中 |
使い方
(死ぬ)$("body").on({
"dragstart drag dragend dragenter dragover dragleave drop": function (e) {
console.log(e);
},
});