HTML5 | drag&drop

draggable

设置元素是否可拖动。

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

被拖动的元素

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

目的地对象

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

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

释放

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