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

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。