html5拖动元素会触发哪些事件

如题所述

拖拽发生过程
被拖拽元素
dragstart 按下鼠标键并开始移动鼠标时
drag 在dragstart事件之后,在元素被拖动期间会持续触发该事件

dragend 当拖动停止时,会触发dragend事件
放置目标元素
dragenter 有元素被拖动到放置目标上
dragover 紧随dragenter发生,在被拖动的元素
还在放置目标范围内移动时,会持续触发该事件

dragleave 在元素被拖出放置目标时触发
drop 元素被放到了放置目标中触发

注释:拖拽发生过程:dragstart->drag->dragenter->dragover->dragleave/drop->dragend
温馨提示:答案为网友推荐,仅供参考
第1个回答  2017-03-21
元素正在拖动时触发ondragend - 用户完成元素拖动后触发 释放目标时触发的事件ondragenter - 当被鼠标拖动的对象进入其容器范围