通過拖放實現添加、刪除
DataTransfer對象
包含的屬性和方法
dataTransfer.dropEffect:設置或返回拖放目標上允許發生的拖放行為。如果此處設置的拖放行為不在effectAllowed屬性設置的多種拖放行為之內，拖放操作將會失敗。該屬性值只允許為none、copy、link和move四個值之一。
dataTransfer.effectAllowed:設置或返回被拖動元素允許發生的拖放行為。該屬性值可設置為none、copy、copyLink、copyMove、link、linkMove、move、all和uninitialized。
dataTransfer.items:該屬性返回DataTransferltems對象，代表拖動數據。
dataTransfer.setDraglmage(element,x,y):設置拖放操作的自定義圖標。
dataTransfer.addElement(element)：添加自定義圖標。
dataTransfer.types：該屬性返回一個DOMStringList對象，該對象包括了存入dataTransfer中數據的所有類型。
dataTransfer.getData(format)：獲取DataTransfer對象中format格式的數據。
dataTransfer.setData(format,data)：向DataTransfer對象中設置format格式的數據。format代表數據格式，data代表數據。
dataTransfer.clearData([format])：清除DataTransfer對象中format格式的數據。
可以將喜歡的水果放入下面的方框內，如果喜歡，可以放到右邊的盤子內。
拖放行為
通過設置DataTransfer對象的effectAllowed、dropEffect兩個屬性可以控制拖放行為。effectAllowed用於控制被拖動元素的拖動行為，dropEffect來控制被“放”入得目標組件的行為。
如果effectAllowed設為none，則不允許拖動該元素。
如果dropEffect設置為none，則被拖動的元素不能“放”到本元素中。
如果effectAllowed設置為all或不設置，則dropEffect可設置為任何屬性值，而且將會遵守dropEffect指定的拖放行為。
如果effectAllowed指定了特定的拖放行為，那麼dropEffect指定的屬性值必須是effectAllowed指定的多個屬性值的子集。
上面代碼通過調用DataTransfer對象的setDragImage可以改變拖放過程中圖標。