HTML5拖拽总结

HTML之前，要实现拖拽，必须使用javascript的mousedown + mousemove + mouseup三个事件一起来达到拖拽效果，而HTML5已经帮我们实现了这个javascript动作。

实现拖拽的步骤：

1.创建拖拽对象，给需要拖拽的元素设置draggable属性

2.处理拖拽事件，当我们拖拽对象的时候会触发拖拽事件： 

A.dragstart：当元素拖拽开始触发； 

B.drag：在元素拖拽过程中触发； 

C.dragend：元素拖拽结束时触发。

3.创建投放区，当拖拽对象进入投放区的时候会触发相关的事件。

4.使用dataTransfer传递数据。当我们需要拖拽对象向投放区传递数据的时候会用到 dataTransfer。