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