event-handling - 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);
});