s313139232

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

 

 

 

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

 

分类:

技术点:

相关文章:

  • 2021-11-28
  • 2021-11-28
  • 2022-12-23
  • 2021-11-28
  • 2021-11-28
  • 2022-01-12
  • 2021-11-20
  • 2021-10-22
猜你喜欢
  • 2021-11-28
  • 2021-11-07
  • 2021-05-05
  • 2022-02-08
  • 2021-12-27
相关资源
相似解决方案