先看demo
datatransfer物件：退拽物件用來傳遞的媒介，使用一般為event.datatransfer；
draggable:給拖拽元素的draggable屬性設定成true；表示該元素可以進行拖拽了；
ondragstart事件：拖拽元素開始拖拽的時候觸發的；
ondragover事件：拖拽元素在目標元素上移動的時候觸發，作用在目標元素上；
ondragenter
事件：當拖曳元素進入目標元素的時候觸發的事件，作用在目標元素上；
ondrop事件：拖拽元素在目標元素上鬆開滑鼠時觸發，作用在目標元素上；
ondragend事件：當拖拽完成後觸發的事件，此事件作用在被拖曳元素上。
**部分：
css:
html:
html5拖拽 初探
先看看效果 完整測試 html5 拖拽 box 接下來對 進行一一講解 drag的英譯是 拖 拽 drop的意思是 放下 drag和drop 是html5中新增的特性，任何元素都能夠拖放 大部分主流瀏覽器目前也夠支援html5的拖放功能。1.我們想要拖動那個元素，首先要把這個元素設定成可拖拽，將該元...
HTML5之拖拽功能
預設可拖動元素 draggable屬性 其他元素該屬性值為true，則可被拖動。chrome 可直接顯示拖動效果 firefox 需要為ondragstart事件指定 攜帶資料，才能顯示拖動效果。dragelement.ondragstart function evt 阻止放置物件的預設 drope...
HTML5 拖拽複製功能的實現
拖拽是一種常見的特性，即抓取物件以後拖到另乙個位置。在 html5 中，拖拽是標準的一部分，任何元素都能夠拖拽。html5拖拽非常常見的乙個功能，但是大部分拖拽的案例都是乙個剪下的過程，專案中需要實現html5拖拽複製的功能，html5拖拽複製很簡單，只需要在普通html5拖拽的過程中做一點小小的改...