[Violation] Added non-passive event listener to a scroll-blocking ＜某些＞ 事件. Consider marking event ha

于 2025-01-03 10:40:52 发布
阅读量796 收藏 2
点赞数 4
文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/m0_65292523/article/details/144903417
版权

[Violation] Added non-passive event listener to a scroll-blocking <某些> 事件. Consider marking event handler as 'passive' to make the page more responsive. See <URL>

vue3项目引入高德地图，小车移动地图视角跟随，控制台出现这个告警，意思是说没有添加被动事件监听器来阻止某些事件，请考虑添加事件管理者 ‘passive’，以使页面滑动更加流畅。

目前的解决方法就是

npm i default-passive-events -S

然后main.ts导入

import 'default-passive-events'

暂时解决了问题

ElementUI校验[Violation] Added non-passive event listener to a scroll-blocking ‘touchmove‘ event. 问题解决
每天都要努力学习哦~~
10-27 4357
这段代码是一个自执行的函数，其主要目的是修改浏览器中的事件监听器（Event Listener）行为。，同时保留了原始的事件监听器方法，以不影响现有的代码逻辑。这就是为什么它保留了原始方法的原因，以确保事件监听器的行为不受太大影响。，浏览器会等待该函数执行完毕后再进行滚动，这可能导致滚动的延迟。最后，代码调用了原始的事件监听器方法，传递了相同的参数，包括修改后的。的形式，这意味着这段代码会在加载时立即执行，而不需要显式调用。是用于处理事件的基本对象，通常在现代浏览器中是定义的。然后，它设置这个对象的。
Added non-passive event listener to a scroll-blocking ‘mousewheel‘ event.
weixin_48648855的博客
06-10 9004
一直报这个警告 – 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 试了网上的方法，安装依
我在vue使用resizeobserver弹出警告[Violation] Added non-passive event listener to a scroll-blocking <某些> 事件. ...
weixin_42602241的博客
01-08 822
你好！这个警告是在提醒你，你在监听滚动事件时没有使用 passive: true 选项。这个选项告诉浏览器你的事件监听不会阻止浏览器的滚动，因此可以让页面的滚动更流畅。 要解决这个问题，你可以在监听事件时使用 passive: true 选项。例如： window.addEventListener('scroll', function() { // do something }, { pass...
[Violation] Added non-passive event listener to a scroll-blocking ＜some＞ event. Consider marking eve
黎小小的博客
11-23 2736
浏览器页面警告：[Violation] Added non-passive event listener to a scroll-blocking event. Consider marking event handler as 'passive' to make the page more responsive. See Chrome51 版本更新以后，增加了新的事件捕获机制－Passive Event Listeners。下载default-passive-events。
[Violation] Added non-passive event listener to a scroll-blocking event. Consider marking event han
LRQQHM的博客
08-15 5948
Passive Event Listeners：就是告诉前页面内的事件监听器内部是否会调用preventDefault函数来阻止事件的默认行为，违反：没有添加被动事件监听器来阻止’touchstart’事件，请考虑添加事件管理者’passive’，以使页面更加流畅。这个是 Chrome51 版本以后，Chrome 增加了新的事件捕获机制－Passive Event Listeners；Passive Event Listeners - 被动事件监听器，在写H5页面的时候，Chrome 提醒。...
【VUE】[Violation] Added non-passive event listener to a scroll-blocking...
无限循环
08-10 6112
vue中警告[Violation] Added non-passive event listener to a scroll-blocking event. Consider ma…在基于 Element-ui 写项目的时候，Chrome 提醒：
控制台警告：Added non-passive event listener to a scroll-blocking ＜some＞ event
i-cat的博客
07-14 4969
[Violation] Added non-passive event listener to a scroll-blocking event. Consider marking event handler as 'passive' to make the page more responsive. See
还是不行 而且有警告12[Violation] Added non-passive event listener to a scroll-blocking <某些> 事件. Consider marking event handler as 'passive' to make the page more responsive. See <URL>
最新发布
03-21
[Violation] Added non-passive event listener to a scroll-blocking 'touchstart' event ``` 需重点关注以下滚动相关事件： - `touchstart` - `touchmove` - `mousewheel` - `wheel`[^4] --- #### **步骤2：修改...
[Violation] Added non-passive event listener to a scroll-blocking <some> event. Consider marking event handler as 'passive' to make the page more responsive. See <URL>
03-20
<think>好的，我现在要帮用户解决关于如何将scroll-blocking事件标记为passive的问题。首先，我需要回忆一下相关的知识。用户提到的警告信息，通常出现在浏览器中，特别是Chrome，当事件监听器阻止了滚动性能时。...
vue warning：[Violation] Added non-passive event listener to a scroll-blocking ＜某些＞事件.
onepiece1991的博客
04-13 903
Chrome51 版本以后，Chrome 增加了新的事件捕获机制－Passive Event Listeners，导致触发了警告。：让页面滑动更加流畅，主要用于提升移动端滑动行为的性能。在main.js中加入。
[Violation] Added non-passive event listener to a scroll-blocking ＜某些＞ ...
weixin_45586038的博客
11-11 1595
Chrome51 版本以后，Chrome 增加了新的事件捕获机制－Passive Event Listeners，导致触发了告警。使用Element Plus中的TimePicker组件时，只要触发了touchu事件，控制台就会报警告。在main.js 中引入。
[Violation ] Added non-passive event listener to ascroll- blocking ‘mousewheel’event Consider markin
qq_65949679的博客
07-27 4309
Violation ] Added non-passive event listener to ascroll- blocking 'mousewheel’event Consider marking event handler as ’ passive’to make the page more responsive. --控制台报错解决方法。
清空表单时出现问题
Start2019
09-18 775
打开页面时报警告： 解决办法： （1）npm i default-passive-events -S （2）main.js中加入：import ‘default-passive-events’ 参考：https://www.jianshu.com/p/23850d4cade8 出现原因： Chrome51 版本以后，Chrome 增加了新的事件捕获机制－Passive Event Liste...
Added non-passive event listener to a scroll-blocking . Consider marking event handler as ‘passive‘
大前端薯条铭的博客
06-18 1006
解决： 1.使用npm管理器下载default-passive-events依赖包 npm i default-passive-events -S 2.入口文件main.js引入 import 'default-passive-events'
Added non-passive event listener to a scroll-blocking ＜some＞ event. Consider marking event handler a
jieyucx的博客
08-20 3404
被动模式的事件监听器可以提升滚动性能，因为它们不会阻止浏览器在事件触发时进行默认的滚动行为。这个警告是因为在监听滚动事件时，没有指定事件处理程序为被动的(passive)，可能会导致页面滚动时出现性能问题。从源头讲在添加事件监听的地方，为事件处理程序加上一个对象，包含passive: true的属性，表示这个事件处理程序是被动的。这在某些情况下可能是必要的，例如需要阻止触摸事件的默认滚动行为。具体来说，它的作用是确保所有添加的事件监听器的 passive。是一个接口，所有可以接收事件的对象（如。
控制台： [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...
vue报错【解决方案】 [Violation] Added non-passive event listener to a scroll-blocking ＜some＞ event.
yf18040578780的博客
12-29 2390
Chrome 警告问题
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值