Javascript:事件监听器mouseout

时间:2009-11-17 13:53:39

标签: event-handling prototypejs unobtrusive-javascript mouseout

让我解释一下我的问题。我有一个mouseout事件分配给id为日历的div标签。现在当调用此处理程序时(当鼠标不在日历div上时),我想等待2秒,然后查看鼠标是否仍未在日历div上。如果鼠标我仍然出去然后做一个功能,如果没有那么什么都不做。

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

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

由于

1 个答案:

答案 0 :(得分:2)

$('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);
});