本文简单介绍一下HTML5的拖放实现。
拖放（Drag 和 drop）是 HTML5 标准的组成部分。
浏览器支持:Internet Explorer 9、Firefox、Opera 12、Chrome 以及 Safari 5 支持拖放。
被拖元素，dragElement :
(1)添加事件：ondragstart
(2)添加属性：dragable
放置元素，dropElement:
1、添加事件：ondargenter , ondragover , ondragleave , ondragend ,ondrop
和mouser划入划出一类的事件很类似，字面也很好理解，不赘述了，下面会用例子来说明。
2、页面上元素间的拖放
下面用个小例子，div间的拖放来展示，各个事件如何被触发：
复制代码
代码如下:系统中选择的一个或多个文件拖入该div中，files中会存储拖入文件的信息，然后我们通过file可以得到文件的类型，长度，内容然后实现上传。
3、setDragImage(image, x, y)用于设置鼠标移动过程中随鼠标一起移动的效果图。必须在dragstart中设置。
4、types,effectAllowed和dropEffect分别是拖入元素的类型，拖拽过程中鼠标显示的样式，不过通常可以忽略这几个属性，一般用不到。
网站类容多为转载，如有侵权，请联系站长删除
上一个：html5的自定义data-*属性与jquery的data()方法的使用详解HTML5 data-* 自定义属性HTML5自定义属性前缀data-及dataset的使用方法(html5 新特性)全面解析HTML5中的标准属性与自定义属性HTML5的自定义属性data-*详细介绍和JS操作实例HTML5自定义data-* data(obj)属性和jquery的data()方法的使用HTML5自定义属性的问题分析
下一个：HTML5新增的表单元素和属性实例解析详解HTML5表单新增属性HTML Form表单元素全面了解html5表单及新增的改良元素详解HTML5 的新的表单元素(datalist/keygen/output)使用介绍HTML5之HTML元素扩展(下)—增强的Form表单元素值得关注HTML标记语言——表单HTML表单标记教程(2):HTML表单标记教程(4):带有图片预览功能的上传表单的完整HTMLXHTML入门学习教程:表单标签
