Drag Api

draggable

设置元素是否可拖动。

<element draggable="true | false | auto" >
true: 可以拖动
false: 禁止拖动
auto: 跟随浏览器定义是否可以拖动

被拖动的元素

ondragstart 在元素开始被拖动时候触发  
ondrag 在元素被拖动时反复触发  
ondragend 在拖动操作完成时触发

目的地对象

ondragenter 当被拖动元素进入目的地元素所占据的屏幕空间时触发  
ondragover 当被拖动元素在目的地元素内时触发
ondragleave 当被拖动元素没有放下就离开目的地元素时触发

ondragenter和ondragover事件的默认行为是拒绝接受任何被拖放的元素。
因此，我们必须阻止浏览器这种默认行为, e.preventDefault()

释放

ondrop 当被拖动元素在目的地元素里放下时触发，一般需要取消浏览器的默认行为。