本文介绍了HTML5中拖放功能的基本用法，包括使元素变得可拖动的`draggable`属性，以及在拖放过程中涉及的一系列事件：`ondragstart`、`ondrag`、`ondragend`、`ondragenter`、`ondragover`、`ondragleave`和`ondrop`。特别强调了在实现`ondrop`事件时，必须在`ondragover`事件中阻止浏览器默认行为的重要性。
拖放是HTML5标准的组成部分
链接和图片默认时可拖动的，但是其他元素如果需要可拖动，需要设置draggable属性为true
----在拖拽目标上触发的事件
ondragstart 用户开始拖动元素时触发
ondrag 元素正在拖动时触发
ondragend 用户完成元素拖动后触发
----在释放目标上触发的事件
ondragenter 当鼠标拖动的对象进入目标容器范围内时触发
ondragover 当鼠标拖动的对象在目标容器范围内拖动时触发
ondragleave 当鼠标拖动的对象离开目标容器范围内时触发
ondrop 当鼠标拖动的对象在目标容器范围内，释放鼠标按键时触发
使用ondrop事件必须要先监听ondragover事件，然后需要在ondragover监听事件中阻止浏览器默认事件，否则ondrop事件监听不生效
扫一扫
3840
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
