jQuery focusout()

Question

我有一个登录框，当单击<a>链接时，它会上下滑动/切换。

这是一个大约150px乘100px大小的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");
    });
});