解决火狐浏览器拖拽事件打开新页面的问题

2023-12-14 22:16:02

产生原因及解决方案

我们在进行拖拽事件的编写时会发现，在火狐浏览器上会发生打开新窗口的问题，这是火狐浏览器的一个特性。

这是因为在 Firefox 中 ondrop 事件会触发 Firefox 自带的拖拽搜索功能，在 ondrop 事件触发执行时触发的函数中加上这两条即可：

event.preventDefault();
event.stopPropagation();

vue中的解决方案

在 created 声明周期中，阻止 FireFox 拖动打开新窗口。

document.body.ondrop = function(event){
   event.preventDefault();
   event.stopPropagation();
 }

在这里插入图片描述

文章来源:https://blog.csdn.net/sinat_33255495/article/details/134929643
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。