js之拖拽事件

js之拖拽事件

api：https://www.runoob.com/jsref/event-ondrag.html

拖拽事件是js原生的事件，使用時在div上添加 draggable="true" 便可拖動該div

在拖動過程當中，將激發多個事件，從而完成拖動

注意：

1.瀏覽器塊（div等）默認禁止拖拽事件的拖放操做，因此若想監聽drop操做，須要在dragover中阻止元素髮生默認的行爲，而後就能夠監聽到drop了

dragOver (e) {
   e.preventDefault()
}

2.被拖動的元素信息須要在drag事件中獲取，能夠定義全局參數保存。在drop事件中使用。

 

 

 

鑽研不易，轉載請註明出處......