BLOG
HTML5 API ドラッグ＆ドロップ
2017/5/3
HTML5では指定の要素に「draggable=”true”」つけることでドラッグ＆ドロップ可能になります。
定義されているイベント
| イベント名 | ドラッグ開始時 |
|---|---|
| dragstart | イベントが発生するタイミング |
| drag | ドラッグが継続している間 |
| dragenter | ドラッグ要素がドロップ要素に入った時 |
| dragleave | ドラッグ要素がドロップ要素から出た時 |
| dragover | ドラッグ要素がドロップ要素に重なっている間 |
| drop | ドロップ時 |
| dragend | ドラッグ終了時 |
対応ブラウザ
Chrome 4+
Firefox 3.5+
Safari 3.1+
Opera 12+
IE 5.5+
思っている以上に古いブラウザから対応していますね。
Tag:JavaScript