Unable to preventDefault inside passive event listener due to target being treated as passive

最新推荐文章于 2023-03-09 23:51:24 发布
最新推荐文章于 2023-03-09 23:51:24 发布
阅读量244 收藏
点赞数
分类专栏： 相关问题处理
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Y_Cfeng/article/details/90286212
版权

由于浏览器必须要在执行时间处理函数之后，才能知道有没有调用过preventDefault(),这就导致了浏览器不能及时响应滚动，略有延迟(https://img-blog.csdnimg.cn/20190517082953688.png)
解决办法：应用 css 属性 {touch-action：pan-y}；这样任何触摸时间都不会产生默认行为，但是touch 事件照样触发

余人于RenYu
关注
专栏目录
前端解决Unable to preventDefault
AIGC大前端小王子
10-28 701
本文主要介绍，一行代码解决 Unable to preventDefault inside passive event listener due to target being treated as passive 怎么办？ /*页面背景色 */ body, .mui-content { touch-action: none; } over~
vue2/3 - Unable to preventDefault inside passive event listener due to target being treated as passi
高级前端工程师
12-26 2502
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
[Intervention] Unable to preventDefault inside passive event listener due to target being treated as...
热门推荐
weixin_34077371的博客
09-23 1万+
1.滑动时候警告[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. 2.解决方案 解决办法1： 在touch的事件监听方法上绑定第三个参数{ passive: false }， 通过传递 passive 为 false 来明确告...
报错 - Unable to preventDefault inside passive event listener due to target being treated as passive
sunshime的博客
07-19 1473
  近期写项目的时候遇到了 Unable to preventDefault inside passive event listener due to target being treated as passive 这样的问题，出现这个报错的情况是页面滑动卡顿问题，下面给大家分享一下我的解决方案，希望对大家有用。 报错：Unable to preventDefault inside passive event listener due to target being treated as passive
解决Unable to preventDefault inside passive event listener due to target being treated as passive.
miyichen的博客
04-16 2748
解决Unable to preventDefault inside passive event listener due to target being treated as passive.警告 开发移动端时，触摸滑动的时候chrome经常会报如下警告： Unable to preventDefault inside passive event listener due to target be...
滑动警告：Unable to preventDefault inside passive event listener
vicky_pyh的博客
04-24 1808
在项目上看到 chrome 的控制台看到如下提示： 翻译过来就是：不能给passive(被动的)事件监听器preventDefault，因为它被认为是passive。 下面我们来了解一下passive和preventDefault 很久以前，addEventListener() 的参数约定是这样的： addEventListener(type, listener, useCapture) 后来，...
Unable to preventDefault inside passive event listener due to target being treated as passive.
07-24
"Unable to preventDefault inside passive event listener due to target being treated as passive" 这是一个错误消息，通常出现在使用 React 或类似库的 JavaScript 程序中，当你尝试在一个被动事件监听器中阻止...
[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. See
最新发布
07-25
当你遇到 "Unable to preventDefault inside passive event listener due to target being treated as passive" 这个错误信息，通常是在处理浏览器事件监听器（特别是针对鼠标移动、滚动等非键盘操作的事件）时发生...
Unable to preventDefault inside passive event listener due to target being treated as passive. See <URL>
01-06
总之，当出现 "Unable to preventDefault inside passive event listener due to target being treated as passive" 错误时，请确保在事件处理函数中使用`event.preventDefault()`来阻止事件的默认行为。
解决警告：Unable to preventDefault inside passive event listener due to target being treated as passive.
lizhihua0625的博客
03-09 7606
Unable to preventDefault inside passive event listener due to target being treated as passive.
移动端滑动时报错：Unable to preventDefault inside passive event listener due to target being t...
QUX轻博客
10-16 1570
今天解决了一个前端bug，使用的mui的tab标签切换插件，在改区域滑动时，浏览器会大量的报错：Unable to preventDefault inside pas...
[Intervention] Unable to preventDefault inside passive event listener due to target being ...
杨咩咩
04-18 1011
移动端界面滚动时报错 ： [Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. See https://www.chromestatus.com/features/5093566007214080 解决方案： 定义全局样式： ...
报错：[Intervention] Unable to preventDefault inside passive event listener due to target ...
zcc的博客
08-05 350
移动端 解决click点击 延迟300ms问题时 引入 fastclick.js。
控制台报错：[Intervention]Unable to preventDefault inside passive event listener due to target......
高大哥
06-24 2401
控制台报错：[Intervention]Unable to preventDefault inside passive event listener due to target being treated as passive. 解决方案。
Web前端笔记-解决[Intervention] Unable to preventDefault inside passive event listener due to target being
IT1995的博客
06-09 1466
我这里是使用NiceScroll造成的。报错如下：解决这个问题的方法有2种：Ⅰ：修改源码找到jquerynicesroll.js报错的地方：直接让其return falseⅡ：修改自己的代码逻辑：构造这样的结构： 注意：body里面要套d-flex和flex-column在div中要套一个container-fluid，这里都是使用的bootstrap然后对应的js从： 改成： 即可。对应的css要改成：...
谷歌浏览器报错 [Intervention] Unable to preventDefault inside passive event listener due to target being ..
qq_37514029的博客
07-15 658
网上的解决办法一般为2种 . 1. 修改css *{ touch-action: none; } 或者 * { touch-action: pan-y; } 该方法测试无效 2. 修改js 在处理函数时写明{ passive: false } window.addEventListener('touchmove', fn, { passive: false }) 测试成功. ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值