H5中拖拽屬性：
draggable： auto | true | false
拖動(dòng)事件：
- dragstart 在元素開(kāi)始被拖動(dòng)時(shí)觸發(fā)
- dragend 在拖動(dòng)操作完成時(shí)觸發(fā)
- drag 在元素被拖動(dòng)時(shí)觸發(fā)
釋放區(qū)事件：
dragenter 被拖動(dòng)元素進(jìn)入到釋放區(qū)所占據(jù)得屏幕空間時(shí)觸發(fā)
dragover 當(dāng)被拖動(dòng)元素在釋放區(qū)內(nèi)移動(dòng)時(shí)觸發(fā)
dragleave 當(dāng)被拖動(dòng)元素沒(méi)有放下就離開(kāi)釋放區(qū)時(shí)觸發(fā)
drop 當(dāng)被拖動(dòng)元素在釋放區(qū)里放下時(shí)觸發(fā)
案例： 實(shí)現(xiàn)div拖拽到指定區(qū)域效果：
h5實(shí)現(xiàn)效果圖
在vue中使用推薦一個(gè)好用的插件——vue-draggable
效果圖：
vue-draggable效果圖
官網(wǎng)(可以在線測(cè)試)：http://www.itxst.com/vue-draggable
