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

转载于:https://www.cnblogs.com/Isabel4u/p/7362366.html