JavaScript : 이벤트 리스너 마우스 아웃

Question

내 문제를 설명하겠습니다. 캘린더의 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);
});