jquery - Chrome "Touch Events API"中断滚动

Question

我注意到，当在触摸屏电脑上使用 Chrome 时，我的网络应用上的页面不会滚动。为了测试修复该问题，我转到 chrome://flags 并禁用“触摸事件 API”。相反，为了让问题出现在我的开发机器上，我启用它(默认为自动)。

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

[Violation] Added non-passive event listener to a scroll-blocking touchstart event. Consider marking event handler as 'passive' to make the page more responsive.

[Violation] Added non-passive event listener to a scroll-blocking touchmove event. Consider marking event handler as 'passive' to make the page more responsive.

此违规行为来 self 的 jquery.min.js 文件。版本是2.1.3。

问题:

1. 我不需要任何触摸功能 - 我可以禁用触摸事件 API 吗？和/或者这是最佳实践吗？
2. 最新版本的 jQuery 会“修复”这个问题吗？我担心这么大的版本跳跃...
3. 阅读违规建议后，我是否应该“考虑将事件处理程序标记为‘被动’以使页面响应更快。” - 这意味着什么？有一些 JS 函数会影响窗口大小和滚动，我怎样才能使它们成为被动的？

Answer 1

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

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

Warning: Added non-passive event listener to a scroll-blocking 'touchstart' event