HTML5 | drag&drop

draggable

設置元素是否可拖動。

<element draggable="true | false | auto" >
true: 能夠拖動
false: 禁止拖動
auto: 跟隨瀏覽器定義是否能夠拖動

被拖動的元素

ondragstart 在元素開始被拖動時候觸發  
ondrag 在元素被拖動時反覆觸發  
ondragend 在拖動操做完成時觸發

目的地對象

ondragenter 當被拖動元素進入目的地元素所佔據的屏幕空間時觸發  
ondragover 當被拖動元素在目的地元素內時觸發
ondragleave 當被拖動元素沒有放下就離開目的地元素時觸發

ondragenter和 ondragover事件的默認行爲是拒絕接受任何被拖放的元素。
所以，咱們必須阻止瀏覽器這種默認行爲, e.preventDefault()

釋放

ondrop 當被拖動元素在目的地元素裏放下時觸發，通常須要取消瀏覽器的默認行爲。