H5 拖放

拖放元素-事件

dragstart 元素开始被拖动
drag 元素拖放中
dragend 拖放结束

放置元素-事件

dragenter 拖动时鼠标第一次进入该元素时触发
dragover 拖动时鼠标经过该元素时触发
dragleave 拖动时鼠标离开元素时触发
drop 放置时触发

拖动时不会触发鼠标事件
注意：必须要阻止放置元素对 dragover 的默认行为，才能触发该元素的 drop 事件

资料

Vue 拖拽实现及问题备忘