解决 Unable to preventDefault inside passive event listener invocation. 报错问题！！！

最新推荐文章于 2024-09-13 11:40:33 发布
最新推荐文章于 2024-09-13 11:40:33 发布
阅读量1.6k 收藏 3
点赞数
文章标签： 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/CiCi____/article/details/130113250
版权
文章提到，在遇到event.preventDefault()无法阻止事件冒泡的情况时，可能是因为在main.js中引入了default-passive-events。注释掉这个导入可以解决问题，这表明该库可能与默认的事件处理方式有冲突。
摘要由CSDN通过智能技术生成

 问题描述 ：使用event.preventDefault()阻止事件冒泡时不生效，出现如上错误。

解决办法：将 main.js中引入的：import 'default-passive-events' 注释掉

汐夏じ
关注
vue2/3 - Unable to preventDefault inside passive event listener due to target being treated as passi
高级前端工程师
12-26 2588
vue，vue2 3报错解决，vue控制台报错如何解决，vue2报错警告怎么解决，vue3报错，浏览器控制台报错Unable to preventDefault inside passive event listener due to target being treated as passi完美解决方案方法，报错怎么办，报错解决，vue2/3 - Unable to preventDefault inside passive event listener due to target being treat
【关于echarts使用所遇问题01】---- Unable to preventDefault inside passive event listener invocation
weixin_43624943的博客
11-19 1461
项目场景： 提示：这里简述项目相关背景： 例如：项目场景：示例:通过蓝牙芯片(HC-05)与手机 APP 通信，每隔 5s 传输一批传感器数据(不是很大) 问题描述： 提示：这里描述项目中遇到的问题： 例如：数据传输过程中数据不时出现丢失的情况，偶尔会丢失一部分数据 APP 中接收数据代码： @Override public void run() { bytes = mmInStream.read(buffer); mHandler.obta
Unable to preventDefault inside passive event listener invocation报错
weixin_44846945的博客
11-09 6286
Unable to preventDefault inside passive event listener invocation报错解决方案
Flutter Spacer引发的The ParentDataWidget Expanded(flex: 1) 惨案
最新发布
Blog for 明月依希
09-13 592
不仅 Expanded 的使用限制在Flex/Row/Column中，Spacer 也有一样的限制。
解决Unable to preventDefault inside passive event listener invocation.报错
qq_39877681的博客
11-29 1105
解决Unable to preventDefault inside passive event listener invocation.报错
解决Unable to preventDefault inside passive event listener invocation. 报错
m0_59006402的博客
05-08 1269
解决办法：将 main.js中引入的：import 'default-passive-events' 注释掉。这个报错大致说的是 阻止默认行为。
报错：Unable to preventDefault inside passive event listener invocation
bingmoujs的博客
04-12 898
"Unable to preventDefault inside passive event listener invocation"是浏览器开发中的一个警告信息。这个警告通常出现在使用passive事件监听器时，当在事件处理函数中调用preventDefault()方法时会引发该警告，不会实际影响使用，就是控制台一直报红贼难看。1.新建公用文件：browserPatch.js（可以是在common目录或者untils目录，根据自己的项目定）ts转行书写格式同理。
Unable to preventDefault inside passive event listener invocation.怎么解决
05-31
"Unable to preventDefault inside passive event listener invocation"是浏览器在处理滚动事件时可能出现的警告信息。在现代浏览器中，为了提高滚动的流畅度，滚动事件默认是被设置为“被动”的(passive)，也就是说...
Unable to preventDefault inside passive event listener invocation
10-21
"Unable to preventDefault inside passive event listener invocation"是一个警告信息，意思是在被动事件监听器中无法使用preventDefault()方法。这个警告信息通常出现在使用addEventListener()方法添加事件监听器...
在使用百度地图时出现这个错误Unable to preventDefault inside passive event listener invocation.
06-15
在使用百度地图（BMap）时遇到 "Unable to preventDefault inside passive event listener invocation" 这个错误，通常是因为你在尝试阻止一个事件（例如 touchstart 或者 mousemove）的默认行为，但该事件处理程序...
“填坑”之解决Unable to preventDefault inside passive event listener invocation.
m0_46074266的博客
02-06 9019
Unable to preventDefault inside passive event listener invocation.
vue解决报错Unable to preventDefault inside passive event listener invocation.
m0_73481765的博客
10-18 6396
然而，在passive事件监听器中调用preventDefault()方法是无效的，并且会引发上述警告。而passive事件监听器是一种新的事件处理机制，它允许开发者在事件处理函数执行之前告诉浏览器不要等待事件处理函数执行完毕就可以继续执行默认的操作，这样可以提高页面的响应性能。然而，在某些情况下，忽视这个警告可能会导致意外的行为或性能问题，所以建议开发者根据具体情况选择合适的解决方案。使用事件委托：如果无法直接在Vue组件中解决该警告，可以尝试在父级元素上使用事件委托，并在事件处理函数中调用。
谷歌浏览器事件坑：Unable to preventDefault inside passive event listener invocation.
古月水告的博客
03-24 759
从 chrome56 开始，在 window、document 和 body 上注册的 touchstart 和 touchmove 事件处理函数，会默认为是 passive: true。插件是解决浏览器告警的，我不想浏览器有告警信息，但加上又使浏览器报错，怎么处呢？，它默认情况下启用某些事件的被动事件侦听器，基本上每次声明新的事件监听器时，都会自动设置。插件导致的，注释了在main.js引入的就没有报错了。1、注册处理函数时，用如下方式，明确声明为不是被动的。，图一时畅快，现在出现问题了。
解决Unable to preventDefault inside passive event listener invocation 报错问题
q_1a23_q的博客
03-26 3443
项目里使用echarts滚动事件在chrome里报错 Unable to preventDefault inside passive event listener invocation
Vue使用echart报错“Unable to preventDefault inside passive event listener invocation”
qq_39548550的博客
06-06 4521
今天，2022-06-06，被封了一个月，端午来公司上班第一天。今天在项目中碰到了一个棘手的问题，vue项目中使用echart，使用echart的dataZoom组件进行图表缩放的时候报错，“Unable to preventDefault inside passive event listener invocation”。...
react-dom.development.js:6202 Unable to preventDefault inside passive event listener invocation 错误
goodfornothi的博客
09-10 945
出现这种错误可能是浏览器默认事件与rereact-dom.development.js中的默认事件产生冲突，在浏览器中找到act-dom.development.js文件的地址，打开将你添加组件的默认事件的代码注销即可。
vue-admin-elem对接地图报错Unable to preventDefault inside passive event listener invocation.
HandsomeGuy_的博客
08-18 2568
问题： 我的项目对接的地图每次鼠标点击、移入移出都会报 Unable to preventDefault inside passive event listener invocation. 不管是对接什么地图都会报错 原因 之前为了忽略警告滚动安装了一个default-passive-events依赖 解决方法 卸载相关依赖 npm uninstall default-passive-events 这个问题鳖了我2天了 真恶心 有相关问题的可以参考 ...
点击antd select 下拉框时 Unable to preventDefault inside passive event listener invocation.
qq_33159000的博客
01-17 1684
最近在写一个项目，用到了antd的下拉框，点击的时候发现控制台报这个做错：Unable to preventDefault inside passive event listener invocation，各种查资料，汇总了几种解决方法，只有第三种起作用，可能是和我的项目有关： 1.在addEventListener增加第三个参数{ passive: false }，在报错的组件里并没有用到这个 2.设置全局样式: touch-action:none ，也不起作用 3.去掉插件 default-pas
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值