[Violation] Added non-passive event listener to a scroll-blocking ‘touchstart‘ event. Consider marki

最新推荐文章于 2024-09-14 13:53:06 发布
最新推荐文章于 2024-09-14 13:53:06 发布
阅读量692 收藏
点赞数
文章标签： javascript 前端 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_71588037/article/details/126602672
版权

如图控制台警告，页面无法正常加载

 

解决方法：

1、npm i default-passive-events -S

2、main.js中加入：import 'default-passive-events'

 

Fn.GetTime()
关注
Added non-passive event listener to a scroll-blocking ‘mousewheel‘ event.
weixin_48648855的博客
06-10 8757
一直报这个警告 – event.js:106 [Violation] Added non-passive event listener to a scroll-blocking ‘mousewheel’ event. Consider marking event handler as ‘passive’ to make the page more responsive. See https://www.chromestatus.com/feature/5745543795965952 试了网上的方法，安装依
【Vue3】解决element ui plus “Added non-passive event listener to a scroll-blocking ‘mousewheel‘ event.”
woodwhale的博客
04-06 2407
【Vue3】解决element ui plus “Added non-passive event listener to a scroll-blocking ‘mousewheel‘ event.” 如图，直接改element ui plus的源码 第一步： import { isClient } from '@vueuse/core'; const isFirefox = () => isClient && /firefox/i.test(window.navigator.use
控制台： [Violation] Added non-passive event listener to a scroll-blocking 'mousewheel' event
热门推荐
weixin_34403976的博客
11-04 1万+
谷歌控制台 提示： [Violation] Added non-passive event listener to a scroll-blocking 'mousewheel' event. Consider marking event handler as 'passive' to make the page more responsive 翻译 违反：没有添加被动事件监听器来阻止’touchs...
touch拦截监听_向滚动阻止的“ touchstart”事件添加了非被动事件监听器
weixin_39732249的博客
01-17 515
Suddenly today out of nowhere I started getting this one on every page on our websiteAdded non-passive event listener to a scroll-blocking 'touchstart' event.Consider marking event handler as 'passive...
项目警告Added non-passive event listener to a scroll-blocking ‘touchstart‘ event.
最新发布
qq_59625204的博客
09-14 342
这个警告信息是由浏览器提供的，主要是为了提醒开发者关注性能问题。在移动设备上，'touchstart'事件可能会导致滚动操作的响应问题。当你在'touchstart'事件上添加了一个非被动的监听器（即监听器中有一些操作会影响默认行为，例如阻止滚动），浏览器可能会认为这是一个滚动阻止的行为，因此会发出这样的警告。如果你的事件处理器需要执行一些操作，但不影响滚动，可以考虑将事件监听器标记为被动的，使用。
浏览器告警提示:Added non-passive event listener to a scroll-blocking ‘touchstart‘ event. Consider markin...
古月水告的博客
01-24 5697
超烦有没有，触发一次事件它就提示一次，洁癖的我今天就告诉你们怎么处理掉这个问题。
Added non-passive event listener to a scroll-blocking ‘touchstart‘ event. Consider marking event
qq_18847065的博客
12-15 1674
Passive Event Listeners：就是告诉前页面内的事件监听器内部是否会调用preventDefault函数来阻止事件的默认行为，以便浏览器根据这个信息更好地做出决策来优化页面性能。当属性passive的值为true的时候，代表该监听器内部不会调用preventDefault函数来阻止默认滑动行为，Chrome浏览器称这类型的监听器为被动（passive）监听器。来阻止’touchstart’事件，请考虑添加事件管理者’passive’，以使页面更加流畅。
Added non-passive event listener to ascroll- blocking ‘mousewheel‘event Consider marking event handl
qq_42264793的博客
11-20 1万+
[Violation ] Added non-passive event listener to ascroll- blocking 'mousewheel’event Consider marking event handler as ’ passive’to make the page more responsive. See https: com/feature/574554 3795965952 翻译： [冲突]在ascroll中添加了非被动事件侦听器-阻塞“mousewheel”事件考虑将事件处理
[Violation] Added non-passive event listener to a scroll-blocking <some> event. Consider marking event handler as 'passive' to make the page more responsive
05-25
这个错误是浏览器的警告信息，它通常出现在添加了滚动阻塞事件...element.addEventListener('scroll', handleScroll, { passive: true }); ``` 这将告诉浏览器该事件处理程序是被动的，从而避免了上述警告信息的出现。
Passive Event Listeners - 被动事件监听器1
08-08
被动事件监听器（Passive Event Listeners）是现代Web开发中的一个重要优化策略，尤其是在构建高性能的Web应用程序时。这个概念的引入主要是为了提高页面的滚动性能和响应速度，特别是对于移动设备上的触摸事件。...
Added non-passive event listener to a scroll-blocking ‘touchstart‘ event. Consider marking event han
weixin_48975022的博客
07-27 2908
Passive Event Listeners：就是告诉前页面内的事件监听器内部是否会调用preventDefault函数来阻止事件的默认行为，以便浏览器根据这个信息更好地做出决策来优化页面性能。当属性passive的值为true的时候，代表该监听器内部不会调用preventDefault函数来阻止默认滑动行为，Chrome浏览器称这类型的监听器为被动（passive）监听器。违反：没有添加被动事件监听器来阻止'touchstart'事件，请考虑添加事件管理者'passive'，以使页面更加流畅。
Chrome控制台异常日志：Added non-passive event listener to a scroll-blocking ‘touchstart‘ event
q1003675852的博客
12-01 1146
Passive Event Listeners：就是告诉前页面内的事件监听器内部是否会调用preventDefault函数来阻止事件的默认行为，以便浏览器根据这个信息更好地做出决策来优化页面性能。当属性passive的值为true的时候，代表该监听器内部不会调用preventDefault函数来阻止默认滑动行为，Chrome浏览器称这类型的监听器为被动（passive）监听器。原因是 Chrome51 版本以后，Chrome 增加了新的事件捕获机制－Passive Event Listeners；
Added non-passive event listener to a scroll-blocking ‘touchstart‘ event. Consider marking ...
Minyoung 的博客
03-02 1359
1.npm i default-passive-events -S 2.main.js引入入：import ‘default-passive-events’
Added non-passive event listener to a scroll-blocking ‘touchstart‘ event. 警告解决记录
m0_58031031的博客
03-10 806
default-passive-events插件。然后在项目的main.js引入。
[Violation] Added non-passive event listener to a scroll-blocking ＜某些＞ ...
weixin_45586038的博客
11-11 1550
Chrome51 版本以后，Chrome 增加了新的事件捕获机制－Passive Event Listeners，导致触发了告警。使用Element Plus中的TimePicker组件时，只要触发了touchu事件，控制台就会报警告。在main.js 中引入。
Added non-passive event listener to a scroll-blocking ‘touchstart‘ event. Consider marking event...
yjl13598765406的博客
06-28 1万+
vue项目在chrome版本下验证触发的警告
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值