html5拖拽事件
拖拽包含了两个⼤的操作，拖拽以及释放
拖拽：drag
释放：drop
参考w3c的拖拽事件，了解⼀下拖拽事件的所有不同部分，这是按照拖拽的过程进⾏的解释
1.把元素设置为可拖拽
设置元素的属性draggable 为true
2.拖拽什么
ondragstart和setData 规定当元素拖拽时进⾏的操作
3.被拖拽的元素放到哪⾥
ondragover 规定在何处放置被拖拽的元素
421事件是什么意思
默认地，⽆法将数据/元素放置到其他元素中。如果需要设置允许放置，我们必须阻⽌对元素的默认处理⽅式。这要通过调⽤ ondragover 事件的event.preventDefault() ⽅法：
event.preventDefault()
4.进⾏放置
当放置被拖数据时，会发⽣ drop 事件。
之后看冯晓东的博客，他把这些⽅法按照源对象和⽬标对象的维度⼜进⾏了⼀下区分
被拖动的源对象可以触发的事件：
(1)ondragstart：源对象开始被拖动
(2)ondrag：源对象被拖动过程中(⿏标可能在移动也可能未移动)
(3)ondragend：源对象被拖动结束
拖动源对象可以进⼊到上⽅的⽬标对象可以触发的事件：
(1)ondragenter：⽬标对象被源对象拖动着进⼊
(2)ondragover：⽬标对象被源对象拖动着悬停在上⽅
(3)ondragleave：源对象拖动着离开了⽬标对象
(4)ondrop：源对象拖动着在⽬标对象上⽅释放/松⼿
·········以上是对事件的简单介绍，，具体实现demo见下⼀随笔
发布评论