一、關于拖拽API
拖拽API是HTML5的新特性，相對于其他新特性來說，重要程度占到6成，實際開發中使用比例占到3成，學習要求個人認為是達到掌握即可的程度。
二、什么是拖拽和釋放？
拖拽：Drag
釋放：Drop
拖拽指的是鼠標點擊源對象后一直移動對象不松手，一但松手即釋放了
三、什么是源對象和目標對象？
源對象：指的是我們鼠標點擊的一個事物，這里可以是一張圖片，一個DIV，一段文本等等。
目標對象：指的是我們拖動源對象后移動到一塊區域，源對象可以進入這個區域，可以在這個區域上方懸停(未松手)，可以釋松手釋放將源對象放置此處(已松手)，也可以懸停后離開該區域。
四、拖拽API的相關函數
解釋了什么是源對象和目標對象后，回歸前端中的拖拽API，由上面的操作我們可以得出幾個函數
被拖動的源對象可以觸發的事件：
(1)ondragstart：源對象開始被拖動
(2)ondrag：源對象被拖動過程中(鼠標可能在移動也可能未移動)
(3)ondragend：源對象被拖動結束
拖動源對象可以進入到上方的目標對象可以觸發的事件：
(1)ondragenter：目標對象被源對象拖動著進入
(2)ondragover：目標對象被源對象拖動著懸停在上方
(3)ondragleave：源對象拖動著離開了目標對象
(4)ondrop：源對象拖動著在目標對象上方釋放/松手
拖拽API總共就是7個函數?。?br/>五、如何在拖動的源對象事件和目標對象事件間傳遞數據

HTML5為所有的拖動相關事件提供了一個新的屬性：
e.dataTransfer { } //數據傳遞對象
功能：用于在源對象和目標對象的事件間傳遞數據

源對象上的事件處理中保存數據：
e.dataTransfer.setData( k, v ); //k-v必須都是string類型

目標對象上的事件處理中讀取數據：
var v = e.dataTransfer.getData( k );