77、常用的拖拽事件

拖拽事件是js原生的事件,使用时在div上添加 draggable="true" 即可拖动该div

在拖动过程中,将激发多个事件,从而完成拖动

注意:

1.浏览器块(div等)默认禁止拖拽事件的拖放操作,所以若想监听drop操作,需要在dragover中阻止元素发生默认的行为,然后就可以监听到drop了

dragOver (e) {
   e.preventDefault()
}

2.被拖动的元素信息需要在drag事件中获取,可以定义全局参数保存。在drop事件中使用。

原文地址:https://www.cnblogs.com/dream111/p/13485316.html