html5中的拖放实现

拖放（Drag 和 drop）是 HTML5 标准的组成部分。

前端中要实现拖放，需要有源元素和目标元素，其中源元素需要设置属性draggable，

H5中拖拽属性：

draggable： auto | true | false

拖动事件：

- dragstart 在元素开始被拖动时触发

- dragend 在拖动操作完成时触发

- drag 在元素被拖动时触发

释放区事件：

dragenter 被拖动元素进入到释放区所占据得屏幕空间时触发

dragover 当被拖动元素在释放区内移动时触发

dragleave 当被拖动元素没有放下就离开释放区时触发

drop 当被拖动元素在释放区里放下时触发

 

浏览器支持

Internet Explorer 9、Firefox、Opera 12、Chrome 以及 Safari 5 支持拖放。

注释：在 Safari 5.1.2 中不支持拖放。