HTML5拖拽效果

来源:互联网 发布:ansible控制windows 编辑:程序博客网 时间:2024/05/16 02:36

drag and drop(拖拽)

拖拽元素事件 : 事件对象为被拖拽元素

dragstart :  拖拽前触发 drag :拖拽前、拖拽结束之间,连续触发dragend  : 拖拽结束触发

目标元素事件 : 事件对象为目标元素

dragenter :  进入目标元素触发,相当于mouseoverdragover : 进入目标、离开目标之间,连续触发dragleave :  离开目标元素触发,相当于mouseoutdrop  :  在目标元素上释放鼠标触发

事件的执行顺序 :drop不触发的时候

dragstart  >  drag >  dragenter >  dragover >  dragleave > dragend 

事件的执行顺序 :drop触发的时候(dragover的时候阻止默认事件)

dragstart  >  drag >  dragenter >  dragover >  drop > dragend
0 0