[Violation]的含义是什么?将非被动事件监听器添加到滚动阻止' touchstart' Angular 4项目中的事件?

时间:2017-09-09 21:45:42

标签: angular passive-event-listeners

在我的角度4网络项目中,我们遇到了一些违规行为。

  1. [违规]为滚动屏蔽' touchstart'添加了非被动事件监听器。事件。考虑将事件处理程序标记为“被动'使页面更具响应性。
  2. [违规]' DOMContentLoaded'处理程序花了183毫秒
  3. [违规]执行JavaScript时强制重排需要360毫秒
  4. 我们的项目详情是

    "@angular/core": "^4.0.0",
    "@angular/cli": "^1.4.0",
    

    有什么问题?

    由于

1 个答案:

答案 0 :(得分:2)

删除按钮切换上不必要的touchstart侦听器。

最初添加它是为了防止它捕获用户事件,但是不再需要它,因为我们在元素上有pointer-events: none。这也修复了Chrome记录的警告。

如果你使用datatables插件,select2插件,bootstrapSwitch插件或一些jquery库,可以使用一些不必要的(touchstart)事件。如果您检查这些类型的库或touchstart事件,这些错误数量将会减少。