javascript - 代替の Jquery マウス イベント

Question

#nav div の外側をクリックすると、以下のコードが正常に動作します。マウスを #nav div から離して非表示にすることができるかどうかを尋ねていました。divを非表示にするために「クリック」したくありません。

$(document).mouseup(function (e)
{
    var container = $("#nav");

    if (container.has(e.target).length === 0)
    {
        container.hide();
    }
});

どんな助けでも大歓迎です:)

Answer 1

mouseleaveイベントに要素を非表示にする関数を割り当てます。

$("#nav").mouseleave(function(){
    $(this).hide(); 
});

フィドル: http://jsfiddle.net/howderek/SRMT8/