H5拖拽的七个事件

一、拖拽元素事件（拖拽源）

ondragstart 拖拽开始事件，只能在这个事件的过程中支持dataTransfer通过setData来设置数据。
ondrag 拖动过程中持续发生的事件。鼠标移动的过程中会反复的调用此事件。

ondragend 拖拽结束事件，鼠标放开时触发，在拖动源中触发，适合清空拖动过程的状态。

二、拖拽的目标元素事件

ondragenter 元素被拖拽入目标元素时触发，拖动跨入了页面中新元素的时候触发。
ondragleave 元素被拖拽离开目标元素时触发。
ondragover 不同于drag事件，此事件是在当前鼠标停留的目标上调用。
ondrop 在目标元素上释放鼠标调用，要放置包含处理放置动作的代码（注意，ondrop事件必须在ondragover事件中阻止默认行为以后，此事件才触发，相关链接（https://blog.csdn.net/zhangjing1019/article/details/100535793））。

如果想要拖动某个元素，需要设置元素的 draggable 属性为 true。

欢迎关注我的个人技术公众号