1、給要拖放的元素添加draggable=true
a，img本身具有可拖放性

2、源對象
ondragstart：開始被拖放
ondrag：拖拽過程中
dragend ：拖拽結束

3、目標對象
ondragenter：當拖拽元素進入目標文件的時候觸發的事件
ondragover:當拖拽元素穿過目標元素的時候觸發的事件
dragleave：鼠標經過該元素離開本元素觸發該事件；
ondrop：當拖拽元素在目標元素上同時放開鼠標時觸發的時候
e.preventDefault()：阻止默認行為
e.effectAllowed屬性：拖拽效果
none：不允許被drop
copy：源項目的復制項可能會出現在新的位置
copyLink：允許copy或者link操作
copyMove：允許copy或者move操作
link：可以在新的地方建立與源的連接
linkMove：允許link或者move操作
move：一個項目可能被移動到新的位置
All：允許所有操作
事件觸發順序
ondragstart>ondragenter>ondragover>ondrop>ondragend

4、e..dataTransfer{}：用來在源對象和目標對象之間傳遞數據用的
存值：源對象事件處理中保存數據
e.dataTransfer.setData（k，v）k，v必須是字符串
取值：目標對象上的時間處理取數據
e.dataTrabsfer.getDate（k）
dataTransfer.dropEffect:設置或返回拖放目標上允許發生的拖放行為
dataTransfer.effectAllowed:設置或返回被拖動元素允許發生的拖動行為
dataTransfer.items:拖動數據
dataTransfer.setDragImage(element,x,y):設置被拖放操作的自定義圖標
dataTransfer.addElement(element)：添加自定義圖標
dataTransfer.types:存入數據的所有類型
dataTransfer.getData（formate）：設置format格式的數據

目標對象，源對象