鼠标事件限制架构

Question

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

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

Answer 1

您可以在鼠标事件处理程序上使用underscore js' throttle。最近有关于toggl博客的博客：http://blog.toggl.com/2013/02/increasing-perceived-performance-with-_throttle/。但是，有一些涉及jQuery的猴子补丁，所以它不是最干净的方法。