event-handling - Javascript：事件监听器 mouseout

Question

让我解释一下我的问题。我有一个 mouseout 事件分配给具有日历 ID 的 div 标签。现在，当调用此处理程序时（当鼠标不在日历 div 上时），我想等待 2 秒，然后查看鼠标是否仍然不在日历 div 上。如果鼠标我还在外面然后做一个功能，如果不是那么什么都不做。

我使用原型 javascript 库。我的代码如下：

$('calendar').observe('mouseout', function (event){ 
    setTimeout(/* call this event again */, 2000);
}

谢谢

Answer 1

$('calendar').observe('mouseout', function(e) {
   myTimeout = setTimeout(function() { /* stuff to do after 2 secs */, 2000);
});

$('calendar').observe('mouseover', function(e) {
   if(myTimeout) window.clearTimeout(myTimeout);
});