HTML5- 拖拽功能
HTML5新增了拖拽功能，但不是所有元素都能拖拽，如果希望该元素强制可以被拖拽，加一个行内属性。dragover(用在容器内)drop(用在容器内)
·
HTML5- 拖拽功能
HTML5新增了拖拽功能，但不是所有元素都能拖拽，如果希望该元素强制可以被拖拽，加一个行内属性 draggable="true"
对应还提供了以下方法：
-
dragstart
- 开始拖拽时触发
-
dragend
- 结束拖拽时触发
- 给容器加入内容appendChild
-
dragenter
- 拖拽进入时触发
-
dragleave
- 拖拽离开时触发
-
drop(用在容器内)
- 拖拽松手就触发
- 需要与 dragover 事件结合使用，并且dragover结合e.preventDefalut()
-
dragover(用在容器内)
-
默认行为：禁止任意元素被拖放进来，如果想禁止该默认行为：
box.ondragover = fucntion (e){ e.preventDefault() }
-
基于 Vue 的企业级 UI 组件库和中后台系统解决方案，为数万开发者服务。
更多推荐
10
0- 0
已为社区贡献1条内容
所有评论(0)