警告 Consider marking event handler as 'passive' to make the page more responsive.

322 阅读1分钟
警告 echarts.min.js:22 [Violation] Added non-passive event listener to a scroll-blocking 'mousewheel' event. Consider marking event handler as 'passive' to make the page more responsive. 诸如此类

原因: 在16或是17年左右的一次更新,addEventListener 监听事件需要设置第三个参数,以获取更好的优化。缺少第三个参数便会有此警告。

 

解决方案: 添加第三个参数

原: 
modalDom.addEventListener('touchmove', function(event) {
      event.preventDefault();
      event.stopPropagation();
    });
新:
modalDom.addEventListener(
      "touchmove",
      function (event) {
        event.preventDefault();
        event.stopPropagation();
      },
      { passive: true }
    );

参考: 

  1. stackoverflow.com/questions/3…

  2. github.com/ElemeFE/ele…