HTML 5 拖放 drag dragend dragover ....

標籤：set   設定   span   logs   組成   結束   方法   class   sch   

拖放（Drag 和 drop）是 HTML5 標準的組成部分。 // http://www.w3school.com.cn/html5/html_5_draganddrop.asp

dataTransfer.setData() 方法設定被拖資料的資料類型和值

dragstart ：當被拖拽元素開始被拖拽時觸發

drag ：當被拖拽元素被拖拽時觸發

dragenter ：當被拖拽元素進入目標元素時觸發

dragover ：當被拖拽元素在目標元素上移動時觸發

dragleave ：當被拖拽元素離開目標元素時觸發。

drop ：當被拖拽元素在目標元素上，而且釋放滑鼠左鍵時觸發

dragend ：當拖拽行為結束後觸發

 

               整體生命週期

  dragstart -> drag -> dragenter -> dragover ->  dragleave  -> drop -> dragend 

 

// http://www.cnblogs.com/fsjohnhuang/p/3961066.html

HTML 5 拖放 drag dragend dragover ....