Open huoxiangdong opened 6 years ago
当一个节点被拖拉到另一个节点里,触发的事件如下: dragstart --> drag --> dragenter --> dragover --> drop --> dragend
dragstart --> drag --> dragenter --> dragover --> drop --> dragend
dragstart, drag, dragend在被拖动的节点触发,触发的event.target为被拖拽的节点
dragstart
drag
dragend
event.target
dragenter,dragover, dragleave, drop 在目标节点触发,触发的event.target为释放的目标节点
dragenter
dragover
dragleave
drop
在 dragover触发时需要执行event.preventDefault(),允许被拖动的节点进入
event.preventDefault()
draggable='true'
dropEffect 表示拖放操作的视觉效果
dropEffect
effectAllowed 用来指定当元素被拖放式所允许的视觉效果
effectAllowed
DataTransfer.setDragImage()
DataTransfer
当一个节点被拖拉到另一个节点里,触发的事件如下:
dragstart --> drag --> dragenter --> dragover --> drop --> dragend
dragstart
,drag
,dragend
在被拖动的节点触发,触发的event.target
为被拖拽的节点dragenter
,dragover
,dragleave
,drop
在目标节点触发,触发的event.target
为释放的目标节点在
dragover
触发时需要执行event.preventDefault()
,允许被拖动的节点进入