除非單擊特定元素，否則在模糊時觸發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();
        }
    });