控制台警告:Added non-passive event listener to a scroll-blocking <some> event

页面中的echarts图表缩放后在控制台就会出现以下提醒,虽然只是报黄提醒,但本人强迫症严重,见不得控制台有任何异常......

[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>

翻译:向滚动阻塞事件添加了非被动事件侦听<some>器,考虑将事件处理程序标记为“被动”,以使页面响应更快

通俗一点来说:

Chrome51 版本更新以后,增加了新的事件捕获机制-Passive Event Listeners

Passive Event Listeners 就是告诉前页面内的事件监听器内部是否会调用 preventDefault 函数来阻止事件的默认行为,便于优化页面滑动的性能,所以Passive Event Listeners特性当前只支持mousewheel/touch相关事件。

解决方法:

下包:default-passive-events

npm i default-passive-events

全局引入:

import 'default-passive-events';

 参考:被动事件监听器(Passive Event Listeners) - 掘金 (juejin.cn)

  • 3
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值