javascript - 鼠标事件限制架构

Question

我有一组带有鼠标事件处理程序（mouseover、mouseout）的嵌套 DOM 元素。事件的副作用会更新其他视图；这些更新可能在计算上很昂贵，并且会产生烦人的视觉闪烁，所以我想尽量减少它们。我的第一个想法是建立一个节流机制，将鼠标悬停事件的处理延迟一段时间，让鼠标有机会退出相关元素。如果在指定的时间间隔内没有退出，则触发该事件；如果发生退出，则取消事件而不传播。

我的问题是现有的 UI 框架是否已经支持这种机制，如果支持，哪些支持？虽然我当然可以构建它，但这似乎是其他人可能已经解决的问题。

Answer 1

您可以在鼠标事件处理程序上使用下划线 js 的油门。这是最近在 toggl 博客上发布的：http: //blog.toggl.com/2013/02/increasing-perceived-performance-with-_throttle/。但是，涉及到一些 jQuery 的猴子补丁，所以它不是最干净的方法。