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

 

 

 

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