Html5拖放的实现办法-
发布时间：08/01 来源：未知 浏览：
关键词：
今天写一下html5的拖放题目。
设定元素可以拖放
设定元素可以拖放用draggable属性，设定为true。元素就可以拖放了。（注：火狐阅读器不支撑）
拖拽元素事件
ondragstart：拖拽前触发
ondrag：拖拽中陆续触发
ondragend：拖拽完毕触发
指标元素事件
ondragenter：移入指标元素时触发
ondragover：移入指标元素后陆续触发
ondragleave：脱离指标元素触发
ondrop：在指标元素开释鼠标触发
事件的施行次序
1、drop不触发的时候
dragstart>drag>dragenter>dragover>dragleave>dragend
2、drop触发的时候（dragover的时候阻止默许事件）
dragstart>drag>dragenter>dragover>drop>dragend
解决火狐下的题目
必需设定 dataTransfer对象才可以拖拽图片外的其他标签
setData（）：设定数据key和value（必需是字符串）
getData（）：猎取数据，依据key值，猎取响应的value
offctAllowed：设定光标样式
setDragImage：设定拖拽样式，三个参数：指定的元素、坐标X、坐标y
拖拽元素事件概括代码：
| charset="UTF-8"> | |
| draggable="true"> | |
相关文章 |
