Javascript 鼠标事件限制体系结构

Javascript 鼠标事件限制体系结构,javascript,events,throttling,Javascript,Events,Throttling,我有一组带有鼠标事件处理程序(mouseover,mouseout)的嵌套DOM元素。事件的副作用更新了其他视图;这些更新在计算上可能非常昂贵,并且可能会产生恼人的视觉闪烁,所以我想尽量减少它们。我的第一个想法是构建一个节流机制,将鼠标悬停事件的处理延迟一段时间,让鼠标有机会退出所讨论的元素。如果在指定的时间间隔内没有退出,则触发事件;如果发生退出,则取消事件而不进行传播 我的问题是,现有的UI框架是否已经支持这种机制,如果已经支持,哪些框架支持这种机制?虽然我当然可以构建它,但这似乎是一个其他

我有一组带有鼠标事件处理程序(mouseover,mouseout)的嵌套DOM元素。事件的副作用更新了其他视图;这些更新在计算上可能非常昂贵,并且可能会产生恼人的视觉闪烁,所以我想尽量减少它们。我的第一个想法是构建一个节流机制,将鼠标悬停事件的处理延迟一段时间,让鼠标有机会退出所讨论的元素。如果在指定的时间间隔内没有退出,则触发事件;如果发生退出,则取消事件而不进行传播


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

您可以在鼠标事件处理程序上使用。这是最近在toggl博客上发布的。不过,jQuery中涉及了一些猴子补丁,因此这不是最干净的方法。

这很接近,但不完全是我的问题:我不一定有很多冗余事件,我想保留其中的一个子集;我有一些事件,如果终止事件发生在起始事件足够短的时间间隔内,可能会被完全抑制。