本文详细介绍了HTML5的拖拽API，通过实例展示了如何创建随鼠标拖动的小飞机以及如何在拖动到垃圾桶后删除元素。文章还讨论了拖拽API的事件和数据传递，并提供了防止ondragover默认行为的方法。此外，作者分享了前端开发的学习资源和面试题，旨在帮助开发者提升技能。
源对象：指的是我们鼠标点击的一个事物，这里可以是一张图片，一个DIV，一段文本等等。
目标对象：指的是我们拖动源对象后移动到一块区域，源对象可以进入这个区域，可以在这个区域上方悬停(未松手)，可以释松手释放将源对象放置此处(已松手)，也可以悬停后离开该区域。
解释了什么是源对象和目标对象后，回归前端中的拖拽API，由上面的操作我们可以得出几个函数
被拖动的源对象可以触发的事件：
(1)ondragstart：源对象开始被拖动
(2)ondrag：源对象被拖动过程中(鼠标可能在移动也可能未移动)
(3)ondragend：源对象被拖动结束
拖动源对象可以进入到上方的目标对象可以触发的事件：
(1)ondragenter：目标对象被源对象拖动着进入
(2)ondragover：目
最低0.47元/天 解锁文章
5万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
