Chrome"触摸事件API"打破了滚动

War*_*ren 8 jquery events google-chrome

我注意到,当在触摸屏PC上使用Chrome时,我的网络应用中的页面无法滚动.要测试修复问题,我转到chrome://flags并禁用"Touch Events API".相反,为了使问题出现在我的开发机器上,我启用它(默认为auto).

启用Touch Events API后,Chrome的控制台会输出:

[Violation]为滚动阻塞touchstart事件添加了非被动事件侦听器.考虑将事件处理程序标记为"被动"以使页面更具响应性.

[Violation]为滚动阻塞touchmove事件添加了非被动事件侦听器.考虑将事件处理程序标记为"被动"以使页面更具响应性.

此违规行为来自我的jquery.min.js档案.版本是2.1.3.

问题:

  1. 我不需要任何触摸功能 - 我可以禁用Touch Events API.和/或是最佳做法?
  2. 请问最新版本的jQuery'修复'这个问题吗?我很担心这么大的版本跳...
  3. 阅读违规建议,我应该"考虑将事件处理程序标记为'被动',以使页面更具响应性." - 那是什么意思?有一些JS函数影响窗口大小和滚动,我怎么能让它们被动?

Clo*_*ign 0

您有我们可以测试的 JSFiddle 或代码示例吗?我想知道您的代码中是否存在问题。

如果您有更多问题,您可能还想查看此问题中的解决方案。可能是一个简单的修复,也可能需要更长的时间来编写您自己的 PassiveEvent 处理程序。

警告:向滚动阻止“touchstart”事件添加非被动事件侦听器