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");
    });
});