javascript - 防止正在滚动的元素发生任何 JS 事件

Question

我强烈怀疑我在移动设备上糟糕的滚动性能是由于被滚动的元素触发了许多事件。现在 - 有没有一种方便的方法可以防止被滚动的 DOM 元素内的所有这些事件在滚动完成之前触发？没有mouseenter，mouseleave，click，focus，active ...什么都没有...直到用户完成滚动？

谢谢您的帮助。

Answer 1

您不太可能仅从触发事件中看到性能问题，否则每个页面都会出现性能问题。这些处理程序中的代码更有可能花费了太长时间。

可能您应该在绑定事件处理程序时去抖动或限制它们。我相信有提供类似功能的 jQuery 插件可用，或者如果您不想包含该库，您可以查看下划线的代码并仅提取您需要的方法。