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事件中使用。

 

 

 

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