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

已于 2022-02-07 10:15:50 修改
阅读量208 收藏
点赞数 1
文章标签： javascript jquery css dom html
于 2021-12-20 10:13:14 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45966674/article/details/122035537
版权

有时我们使用ontouchstart和ontouchmove时控制台会报错
在这里插入图片描述
这种系统拦截的报错总会让人有些迷茫
其实解决也很简单
在css中加入

  * {
    touch-action: pan-y;
  }
瑞晟技术服务中心-耿瑞
关注
[Intervention] Unable to preventDefault inside passive event listener due to target being treated as...
weixin_30512043的博客
07-27 94
相信如果用谷歌浏览器做移动端页面的时候 用touch事件的时候应该遇到过这个东东吧 documet.addEventListener("touchstart",function(){ console.log(123); }); [Violation] Added non-passive event listener to a scrol...
[Intervention] Unable to preventDefault inside passive event listener due to target beingtreated
imkaifan的博客
09-30 406
[ 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 as
朽木自雕的博客
08-12 280
关于[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive.报错的解决办法 首先分析原因： 可以看到是mui.js文件的问题，不懂的可以看这个视频传送门，里面讲的很详细，有解决办法， <route...
解决报错Unable to preventDefault inside passive event listener due to target being treated as passive.
Shadow_Weirdo
10-29 1490
属性 描述 touch-action: auto 浏览器会根据其支持的触控添加交互。比如x轴滚动、y轴滚动、双指缩放和双击。 touch-action: none 浏览器禁用触摸交互。 touch-action: pan-x 允许浏览器水平滚动，禁用垂直滚动及手势。 touch-action: pan-y 允许浏览器垂直滚动，禁用水平滚动及手势。 touch-action: manipulatio...
[INTERVENTION] UNABLE TO PREVENTDEFAULT INSIDE PASSIVE EVENT LISTENER DUE TO TARGET BEING
qiuyu6958334的博客
10-18 470
有报错就应该把它消灭掉，这是程序员的天性 。 其他的解决方法，如增加 function 或 增加样式 pan-y ，我都试过了，不起作用， 只有改成 none 才起了作用。 1、报错信息： 3、原因：新版谷歌浏览器的问题。当浏览器对默认的事件进行响应的时候，要检查一下是否进行了默认事件的取消。这样就在响应滑动操作之前有点耽误时间。 4、修复解决bug： 在公共样式或者html测试文件中添加如下代码即可： <style> * {touch-action: none;} &l.
[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" 这个错误信息，通常是在处理浏览器事件监听器（特别是针对鼠标移动、滚动等非键盘操作的事件）时发生...
vue中[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive
06-02
这是一个浏览器的警告信息，vue中通常会在使用滚动事件时出现。这个警告是由于Chrome优化浏览器性能的行为引起的。简单地说，当我们在某个... event.preventDefault() // 可以阻止默认行为 // 其他逻辑处理 } } ```
[Intervention]Unable to preventDefault inside passive event listener due to target being treated as passive. See <URL>、
04-25
1. 将事件监听器改为非被动监听器：将passive属性设置为false，这样就可以在监听器中使用preventDefault()方法了。 2. 检查代码中是否有多余的preventDefault()调用：确保只在需要阻止默认行为的情况下调用...
[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 。。。
iChangebaobao的博客
07-10 8495
1.封装触屏工具touch.js var EventUtil = { addHandler: function (element, type, handler) { if (element.addEventListener) element.addEventListener(type, handler, false); else if...
移动端页面滑动警告[Intervention] Unable to preventDefault inside passive event listener
晓何的博客
04-24 3969
控制台报错 解决方法 在有滚动的容器css样式添加如下代码 touch-action: pan-y; //或者使用全局样式样式去掉 * { touch-action: pan-y; }
解决Unable to preventDefault inside passive event listener invocation 报错问题
热门推荐
weixin_40716786的博客
05-29 4万+
问题描述：项目里使用echarts滚动事件在chrome里报错Unable to preventDefault inside passive event listener invocation 由于浏览器必须要在执行事件处理函数之后，才能知道有没有掉用过 preventDefault() ，这就导致了浏览器不能及时响应滚动，略有延迟。 所以为了让页面滚动的效果如丝般顺滑，从 chrom...
跟着尚硅谷学vue2—进阶版2.0—使用 Vue 脚手架1.0
zhzijun的博客
11-13 412
分析脚手架 、ref和props、mixin混入、插件、scoped样式、总结TodoList案例、浏览器本地存储-webStorage、TodoList_本地存储
解决@ant-design-vue/nuxt模块加载到许多没用到的组件，影响开发下加载速度的问题
清晰编程
11-12 155
升级命令：npm up @ant-design-vue/nuxt。解决方法：将该模块版本升级到1.4.6。
Javascript中Map与Set以及其常见遍历方式
警警的博客
11-12 747
在JavaScript中，Map和Set是两种非常重要的集合类型，它们提供了比传统对象（Object）和数组（Array）更强大和灵活的数据存储和操作方法。下面是对Map和Set的详细解释。
Vue中的常用指令
m0_62388400的博客
11-12 1147
指令（Directives）是 Vue 提供的带有的 特殊 标签。为啥要学：提高程序员操作 DOM 的效率。vue 中的指令按照不同的用途可以分为如下 6 大类：内容渲染指令（v-html、v-text）条件渲染指令（v-show、v-if、v-else、v-else-if）事件绑定指令（v-on）属性绑定指令 （v-bind）双向绑定指令（v-model）列表渲染指令（v-for）指令是 vue 开发中最基础、最常用、最简单的知识点。
从零开始快速构建Vue3项目
最新发布
欧唯薇
11-13 697
是目前最推荐的方式来创建 Vue 3 项目，因为它速度快，配置简洁，并且是 Vue 3 的官方推荐工具。打开浏览器并访问 `http://localhost:5173`，你将看到一个基本的 Vue 3 应用程序运行。1、若需要使用不同版本node（兼容新旧项目环境），则需要使用nvm来进行node多版本管理，下载并安装。2、若出现某个依赖安装报错，可以npm install --ignore-scripts，最后再来单独安装报错的依赖。
Vue常用加密方式
m0_51431448的博客
11-13 102
消息摘要是从原始数据中通过特定算法计算出的一个固定长度的字符串，这个过程通常被称为哈希函数或散列函数。固定长度：无论输入的数据有多大，输出的消息摘要都有固定的长度。唯一性：理想情况下，不同的输入应该产生不同的消息摘要，虽然在现实中由于哈希碰撞的存在，这并不总是可能的。不可逆性：从消息摘要不能反推出原始数据。高效性：计算消息摘要的过程应该是快速且高效的。
[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive
01-07
根据提供的引用内容，当在被动事件侦听器中无法阻止默认行为时，会出现"[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive"的错误。解决这个问题的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值