javascript - 除非单击特定元素，否则在模糊上触发 jquery 函数

Question

我有一个登录表单。当输入聚焦时，“忘记密码”和“记住我”元素通过添加 css 类显示，当它们模糊时，通过删除“sho”类再次隐藏元素。show如果我单击其中一个或登录链接，我希望元素保留类“ ”

$(document).ready(function() {
    $('.login *').focus(showlogin);
    $('.login *').blur(hidelogin);
});


function showlogin(){
    $('.login .hidden').addClass("show");
}

function hidelogin(){
    $('.login .hidden').removeClass("show");
}

html:

<form class="login">
  <input type="text"/>
  <input type="password"/>
  <a class="loginbutton" href="#">Log in</a>
  <br />
  <a class="hidden" href="#">Forgotten password</a>
  <label class="hidden"><input type="checkbox" /> Remember me</label>
</form>

Answer 1

不是绑定到blur，而是绑定到登录表单外的单击。

这是我页面中的一些代码，当我在外部单击时关闭登录框，您可以根据需要对其进行调整：

    $(document).mousedown(function (e) {
        if ($(e.target).closest("#signin").length == 0) {
            $(".signin").removeClass("menu-open");
            $("fieldset#signin_menu").hide();
        }
    });