阻止火狐浏览器在 vue-draggable组件时拖动打开新窗口_火狐拖拽不打开页面

作者：我家自动化 | 2024-03-25 10:07:54

踩

火狐拖拽不打开页面

火狐浏览器在文字拖动时会打开链接，图片拖动时打开新窗口，这是火狐浏览器的特性。

vue-draggable组件就是需要拖动的，就与这个特性契合了，但大多时候在项目中我们都不需要火狐的这个特性。

那么如何解决呢，只需要在使用vue-draggable的vue页面的中禁止火狐的这个功能，

/* 阻止火狐浏览器在  vue-draggable组件时拖动 打开新窗口 */
document.body.ondrop = function(event) {
  event.preventDefault();
  event.stopPropagation();
};

可以放在vue实例生命周期的 created或moutend中，这样就可以在页面创建时用到。

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/我家自动化/article/detail/308846

阻止火狐浏览器在 vue-draggable组件时拖动 打开新窗口_火狐拖拽不打开页面