HTML5拖拽总结

HTML之前，要实现拖拽，必须使用javascript的mousedown + mousemove + mouseup三个事件一起来达到拖拽效果，而HTML5已经帮我们实现了这个javascript动作。
实现拖拽的步骤：
1.创建拖拽对象，给需要拖拽的元素设置draggable属性
2.处理拖拽事件，当我们拖拽对象的时候会触发拖拽事件： 
A.dragstart：当元素拖拽开始触发； 
B.drag：在元素拖拽过程中触发； 
C.dragend：元素拖拽结束时触发。
3.创建投放区，当拖拽对象进入投放区的时候会触发相关的事件。
4.使用dataTransfer传递数据。当我们需要拖拽对象向投放区传递数据的时候会用到 dataTransfer。