注意：在拖拽事件中遇到目标元素ondrop事件没有效果，需要在目标元素上写ondragover事件，阻止ondragover的默认行为，然后ondrop事件才起作用
拖拽的api:
-
在拖动目标上触发事件 (源元素):
- ondragstart- 用户开始拖动元素时触发
- ondrag - 元素正在拖动时触发
- ondragend - 用户完成元素拖动后触发
-
释放目标时触发的事件:
- ondragenter - 当被鼠标拖动的对象进入其容器范围内时触发此事件
- ondragover - 当某被拖动的对象在另一对象容器范围内拖动时触发此事件
- ondragleave - 当被鼠标拖动的对象离开其容器范围内时触发此事件
- ondrop - 在一个拖动过程中，释放鼠标键时触发此事件
demo地址:http://112.126.63.148