HTML 5 拖放 drag dragend dragover ....

拖放(Drag 和 drop)是 HTML5 标准的组成部分。 // http://www.w3school.com.cn/html5/html_5_draganddrop.asp

dataTransfer.setData() 方法设置被拖数据的数据类型和值

dragstart :当被拖拽元素开始被拖拽时触发

drag :当被拖拽元素被拖拽时触发

dragenter :当被拖拽元素进入目标元素时触发

dragover :当被拖拽元素在目标元素上移动时触发

dragleave :当被拖拽元素离开目标元素时触发。

drop :当被拖拽元素在目标元素上,而且释放鼠标左键时触发

dragend :当拖拽行为结束后触发

 

               整体生命周期

  dragstart -> drag -> dragenter -> dragover ->  dragleave  -> drop -> dragend 

 

// http://www.cnblogs.com/fsjohnhuang/p/3961066.html

posted @ 2017-08-15 02:31  VielenDank  阅读(200)  评论(0编辑  收藏  举报