不介绍具体情况，先看API，注意看后面括号的说明

• dragstart：拖拽开始（应用于被拖拽对象）
• drag：拖拽中（应用于被拖拽对象）
• dragenter：拖拽到指定位置（应用于拖拽目标）
• dragleave：拖拽离开指定位置（应用于拖拽目标）
• dragover：拖拽在指定位置（应用于拖拽目标）
• drop：在指定位置释放（应用于拖拽目标）
• dragend：拖拽结束（应用于被拖拽对象）

 

事件	描述	目标
dragstart	开始拖对象时触发	被拖动对象
dragenter	当对象第一次被拖动到目标对象上时触发，同时表示该目标对象允许‘放’这动作	目标对象
dragover	当对象拖动到目标对象时触发	当前目标对象
dragleave	在拖动过程中，当被拖动对象离开目标对象时触发	先前目标对象
drag	每次当对象被拖动时就会触发	被拖动对象
drop	当发生“放”这动作时触发	当前目标对象
dragend	在拖放过程，松开鼠标时触发	被拖动对象

使用方法

在需要被拖拽的对象上设置属性draggable="true"，但设置此属性后，对象将不能被选中。

使用范围

不是所有的object都支持的，通常支持块，比如div p span，但不支持select option等,但可以把他们放到div里面。

例子见代码

1  2  3  4     
      5      6  7  8     72     
     
      73         
      测试文字74     
     
75     
     
      76 77     
     
78 79