当前位置: 首页 > news >正文

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

产生原因及解决方案

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

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

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

vue中的解决方案

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

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

在这里插入图片描述

http://www.lryc.cn/news/257507.html

相关文章:

  • 以为回调函数是同步的(js的问题)
  • 如何在小米路由器4A千兆版刷入OpenWRT并通过内网穿透工具实现公网远程访问
  • diffusers pipeline拆解:理解pipelines、models和schedulers
  • Spring 装配Bean详解
  • udp多播组播
  • 逆向修改Unity的安卓包资源并重新打包
  • pycharm中py文件设置参数
  • 简单实现Spring容器(二) 封装BeanDefinition对象放入Map
  • 信创运维产业的发展与趋势:IT管理的新视角
  • 算法通关村第十七关 | 黄金挑战 | 跳跃游戏
  • 思科最新版Cisco Packet Tracer 8.2.1安装
  • 【LeetCode热题100】【滑动窗口】找到字符串中所有字母异位词
  • logback的使用
  • IntelliJ IDEA无公网远程连接Windows本地Mysql数据库提高开发效率
  • VS Code使用教程
  • StarRocks数据模型之主键模型(当前版本v3.1)
  • 正确使用React组件缓存
  • AMEYA360:大唐恩智浦荣获 2023芯向亦庄 “汽车芯片50强”
  • 在Arch Linux上安装yay
  • PHP案例:探究MySQL应用开发喜好的网络调查
  • 力扣第374场周赛题解
  • Linux Docker 安装Nginx
  • 鸿蒙应用开发(二)环境搭建
  • 在 Qt Creator 中编写 Doxygen 风格的注释
  • NSS [NSSCTF 2022 Spring Recruit]babyphp
  • ToolkenGPT:用大量工具增强LLM
  • 2022蓝桥杯c组求和
  • Altium Designer学习笔记11
  • TTS | 2019~2023年最新增强/生成情绪的语音合成调研(20231211更新版)
  • 搜狗输入法v模式 | 爱莉希雅皮肤