タイトル: Drag and Drop API
Drag and Drop API
HTML5ではHTML文にdraggable="true"を付けるだけで、ほぼすべての要素がドラッグ＆ドロップ可能になる。
例えば、img要素の場合は<img draggable="true">と記載する。
ドラッグする要素に使用するイベントと、ドロップを受け入れる要素に使用するイベントがあり、
JavaScriptで記述し使用する。
| dragstart | ドラッグ開始時 |
| drag | ドラッグしている間 |
| dragend | ドラッグ終了時 |
| dragenter | ドラッグしている要素がエリアに入ったとき |
| dragover | ドラッグしている要素がエリアにある間 |
| dragleave | ドラッグしている要素がエリアから出たとき |
| drop | ドラッグしている要素がドロップされたとき |