| 事件 | 觸發時刻 |
| drag | 當拖拽元素或選中文本時觸發 |
| dragrnd | 當拖拽操作結束時觸發 |
| dragenter | 當拖拽元素到一個可釋放目標時觸發 |
| dragleave | 當拖拽元素離開一個可釋放目標時觸發 |
| dragover | 當拖拽元素到一個可釋放目標時觸發（100ms觸發一次） |
| dragstart | 當用戶開始拖拽一個元素時觸發 |
drop:當元素在可釋放目標上被釋放時從觸發
注意：
當我們同時使用了dragover事件和drop事件時，我們會發現drop事件並沒有觸發。根據MDN的文檔我們必須要阻止某一DOM元素對dragover的默認行為，才能使drop事件在其上正確執行
組織瀏覽器默認行為方法:event.preventDefault()