jQuery focusout（）

Question

我有一個登錄框，當單擊一個<a>鏈接時，可以上下滑動/切換。

這是一個大約150像素×100像素的DIV。

當有人在此DIV的外面點擊時，我希望DIV滑動備份。 我一直在玩focusout（），但我必須有錯誤的功能。

有什麼建議嗎？代碼如下。

$('a#member_login').click(function(event) { 
    event.preventDefault(); 
    $('div#member_login_container').slideToggle(); 
}); 

// Hide Login Box if Click outside the Login Box 
$('div#member_login_container').focusout(function(event) { 
    alert('here'); 
    //$('div#member_login_container').slideUp(); 
}); 

Answer 1

你應該檢查出模糊

http://api.jquery.com/blur/

例如：http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_event_focus_blur

Answer 2

一個更好的版本：

$("input.login_input").focus(function() { 
    $(this).addClass("active"); 
    $(this).focusout(function() { 
     $(this).removeClass("active"); 
    }); 
});