解决报错Unable to preventDefault inside passive event listener due to target being treated as passive.

最新推荐文章于 2023-08-31 21:28:51 发布
最新推荐文章于 2023-08-31 21:28:51 发布
阅读量1.5k 收藏 1
点赞数
CC 4.0 BY-SA版权
分类专栏： CSS 文章标签： 解决触摸
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_42568381/article/details/83503405
本文详细解析了CSS中touch-action属性的使用方法及其各种值的效果，包括auto、none、pan-x、pan-y和manipulation，帮助开发者更好地控制网页的触摸交互行为。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

属性 描述
touch-action: auto 浏览器会根据其支持的触控添加交互。比如x轴滚动、y轴滚动、双指缩放和双击。
touch-action: none 浏览器禁用触摸交互。
touch-action: pan-x 允许浏览器水平滚动，禁用垂直滚动及手势。
touch-action: pan-y 允许浏览器垂直滚动，禁用水平滚动及手势。
touch-action: manipulation 允许浏览器双方向滚动，也允许双指缩放；但忽略其他手势。

vue2/3 - Unable to preventDefault inside passive event listener due to target being treated as passi
高级前端工程师
12-26 3023
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
Unable to preventDefault inside passive event listener due to target being treated as passive
最新发布
2401_89806660的博客
06-22 117
CSS里面，加入代码即可。
Unable to preventDefault inside passive event listener due to target being treated as passive. See
weixin_44538423的博客
04-13 690
问题出现： vux调用出现经常在 chrome 的控制台看到如下提示： Unable to preventDefault inside passive event listener due to target being treated as passive. See 问题原因： Chorme56+开始为了让页面滚动变得更为流畅，在 window、document 和 body 上注册的 touchstart 和 touchmove 事件处理函数，会默认为是 passive: true。 浏览器忽略
[Intervention] Unable to preventDefault inside passive event listener due to target being treated as
止于至善
09-28 1万+
谷歌浏览器的警告：   [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 being treated as...
weixin_34174132的博客
08-23 6678
1.[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. 两个方案：（1）注册处理函数时，用如下方式，明确声明为不是被动的window.addEventListener('touchmove', func, { passive: fa...
[Intervention] Unable to preventDefault inside passive event listener due to target being treated
blog
09-09 1461
报错 [Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. 大意：[干预] 由于目标被视为被动，无法防止被动事件侦听器内部的默认设置。 解决 绑定 touch 触控事件的时候，添加第三个参数 passive/。 document.addEventListener( 'touchmove', function (e) { e.
控制台报错：[Intervention]Unable to preventDefault inside passive event listener due to target
weixin_45366616的博客
08-31 515
升级到vue3,原来的 import 'default-passive-events'不好使了. 上网查了一堆发现软用没有。直到看到这位大佬的文章,直接搞吧,基本上谷歌报警告都解决了。
语音播放报错Unable to preventDefault inside passive event listener due to target being treated as passive.
06-06
通过这种方式，可以避免浏览器将事件监听器视为被动，从而解决 `Unable to preventDefault inside passive event listener` 的错误[^1]。 --- #### 2. 检查是否真的需要调用 `preventDefault()` 在某些情况下，...
uniapp总是报错Unable to preventDefault inside passive event listener due to target being treated as passive.
01-22
### 解决 UniApp 中被动事件监听器导致的 `Unable to preventDefault inside passive event listener` 错误 在 UniApp 开发环境中，遇到 `Unable to preventDefault inside passive event listener invocation` ...
控制台报错：[Intervention]Unable to preventDefault inside passive event listener due to target......
工作、学习
06-24 2576
控制台报错：[Intervention]Unable to preventDefault inside passive event listener due to target being treated as passive. 解决方案。
[Intervention] Unable to preventDefault inside passive event listener due to target beingtreated
imkaifan的博客
09-30 432
[ Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. See <URL> 这个报错是有浏览器自己报出的，可以看出是和默认事件有关系 这篇文章说的比较详细可以看看 博主解决办法： * { touch-action: pan-y; box-sizing: border-box; } ...
[Intervention] Unable to preventDefault inside passive event listener due to target being treated a
热门推荐
penliyoushui的博客
05-04 1万+
错误 描述：违反：没有添加被动事件监听器来阻止’touchstart’事件，请考虑添加事件管理者’passive’，以使页面更加流畅。出现如上提示这可能是由于console的过滤器选择了Verbose 由于浏览器必须要在执行事件处理函数之后，才能知道有没有掉用过 preventDefault() ，这就导致了浏览器不能及时响应滚动，略有延迟。 所以为了让页面滚动的效果如丝般顺滑，从 chrom...
[Intervention] Unable to preventDefault inside passive event listener due to target being ...
杨咩咩
04-18 1070
移动端界面滚动时报错 ： [Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. See https://www.chromestatus.com/features/5093566007214080 解决方案： 定义全局样式： ...
解决警告：Unable to preventDefault inside passive event listener due to target being treated as passive.
lizhihua0625的博客
03-09 8344
Unable to preventDefault inside passive event listener due to target being treated as passive.
控制台输出：Unable to preventDefault inside passive event listener解决方案
勋勋勋勋小勋勋的博客
01-14 2593
* { touch-action: pan-y; }  
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值