マウスイベントを無視する方法はありますか？

Question

divにカーソルを合わせると（id = div-CONがあると仮定して）、div-CON内にいる間に、絶対配置された別のdivがマウスでポップアップして表示されます。マウスがdiv-CONを離れると、フローティングdivが消えます。

ブラウザが遅くなったり遅れたりすると、フローティングdivがすぐに位置を更新しないため、マウスがフローティングdivに入ってから離れる場合があります。この瞬間、マウスはdiv-CONを出て再び入るので、フローティングdivは本質的に点滅する。

これについては、イベントを無視またはキャンセルする方法があるかどうか疑問に思っていました。この場合、マウスがフローティングdivに入ると、mouseleaveイベントはdiv-CONでトリガーされません。

相続人jsFiddle：http://jsfiddle.net/vuxcR/

Answer 1

カーソルがフローティング要素を離れるときにタイムアウト（遅延）を設定できます。それが再びぶらされると、タイムアウトはクリアされます。

this answerを参照してください。

var timer; 
function addFollower($element, event_mouseEnter, event_mouseMove, event_mouseLeave){ 
    clearTimeout(timer); 
    $element.mouseleave(function(){ 
     timer = setTimeout(event_mouseLeave, 300); //Delay of 300ms 
    }) 
    $element.mouseenter(function(){ 
     clearTimeout(timer); //Clear any delay 

     event_mouseEnter(); 
    }); 
    $element.mousemove(event_mouseMove) 
} 
addFollower($("#div-CON"), 
    function(ev){ 
     //Mouse-enter 
    }, 
    function(ev){ 
     //Mouse move 
    }, 
    function(){ 
     //Mouse-leave 
    } 
); 

Answer 2

あなたは、マウスの正確な位置を追跡し、その場合はDIV-CONの長方形に確認できます。マウスがこの矩形を離れるまで、キャンセルアクションをトリガーしないでください。