项目场景:
Echarts区域缩放(datazoom)鼠标滚动报错:Unable to preventDefault inside passive event listener invocation
问题描述:
报错信息如下:Unable to preventDefault inside passive event listener invocation
原因分析:
我们的事件已经默认被定义为了被动事件监听。结果我们在这个事件监听中调用了event.preventDefault(),浏览器就不高兴了,报错,告诉你:“你定义的事件不是一个被动事件监听吗?不就是告诉我为了提高响应速度不要处理event.preventDefault()吗?为啥你还要调用event.preventDefault()!” 为什么事件被默认定义为被动事件监听?为了提高浏览器的响应速度。
解决方案:
1、文件node_modules下,找到zrender文件。在zrender文件中找到event.js文件。
2、具体路径:zrender/lib/core/event.js。
3、找到event.js文件下的addEventListener函数,如下修改标注红色字体部分。