要让元素可拖放,需要在元素上添加:draggable=”true”
浏览器默认一些元素是可拖放的,比如:img,被选中的文字
按照角色可分为拖动区和释放区
拖动区事件:
- dragstart
- drag(拖动时反复触发)
- dragend
释放区事件:
- 列表内容
- dragenter
- dragover
- dragleave
- drop(被拖动的元素在释放区放下时触发)
- 其中dragenter和dragover默认拒绝接受被拖放的项目,首先要做的就是禁止默认行为
演示实例:演示实例
要让元素可拖放,需要在元素上添加:draggable=”true”
浏览器默认一些元素是可拖放的,比如:img,被选中的文字
按照角色可分为拖动区和释放区
拖动区事件:
释放区事件:
演示实例:演示实例