javascript - 仅兑现一系列 javascript/jQuery 事件中最新事件的最简单方法

Question

我不得不想象这是 javascript/jQuery 的一个常见用例，所以如果它在网站的其他地方，请原谅我，我搜索了它但找不到这个基本用例。

我有一个可见的 div (A)。将鼠标悬停在该 div 上会显示其他一些 div(B 和 C)。取消悬停其中任何一个 div(A、B 或 C)将隐藏显示的两个 div(B 和 C)。

很简单吧？问题在于，当您快速连续多次悬停和取消悬停时，这种简单的行为会导致丑陋，因为所有事件都会叠加，然后它会像 Accordion 一样运行一段时间。

我尝试将 typewatch 函数带入等式:

var typewatch = (function(){
      var timer = 0;
      return function(callback, ms){
        clearTimeout (timer);
        timer = setTimeout(callback, ms);
      }  
    })();

但我猜我没能正确使用它(也许我必须调用一个调用 typewatch 本身或其他东西的自定义切换函数？)。

为了便于理解，这里是一个确切案例的jsfiddle: http://jsfiddle.net/tchalvakspam/KG3P9/7/

但总的来说，我怎样才能捕捉到多个事件并只尊重最新的事件？

Answer 1

我将 e.preventDefault() 与 jQuery 事件一起使用，以阻止事件向上传播树。