Added non-passive event listener to a scroll-blocking ‘touchmove‘ event解决方案

Added non-passive event listener to a scroll-blocking ‘touchmove‘ event解决方案

如果你的浏览器后台发出了如下警告,可能原因是使用Echarts中的组件导致

在表单校验时,添加了一个非被动的事件监视器:touchmove,事件有阻塞滚动功能,在移动端滚动性能下降。

我们的Chrome为了提高性能,会默认把具有滚动阻塞特性的事件设为被动,实现流畅效果

1
2
3
[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
addEventListener @ event.js:94
mountSingleDOMEventListener @ HandlerProxy.js:236

解决方案

使用“default-passive-events”库

1
yarn add default-passive-events
1
import 'default-passive-events'

Added non-passive event listener to a scroll-blocking ‘touchmove‘ event解决方案
https://www.zheep.top/2024/11/25/Added non-passive event listener to a scroll-blocking ‘touchmove‘ event解决方案/
作者
西行寺岩羊
发布于
2024年11月25日
许可协议