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

 

 

 

钻研不易，转载请注明出处......