码迷,mamicode.com
首页 > Web开发 > 详细

HTML 5 拖放 drag dragend dragover ....

时间:2017-08-15 10:12:31      阅读:173      评论:0      收藏:0      [点我收藏+]

标签:set   设置   span   logs   组成   结束   方法   class   sch   

拖放(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

HTML 5 拖放 drag dragend dragover ....

标签:set   设置   span   logs   组成   结束   方法   class   sch   

原文地址:http://www.cnblogs.com/Isabel4u/p/7362366.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!