按下第二个按钮时如何隐藏按钮以及单击页面空白区域时如何使其出现？

Question

我有 2 个字段 email & password。我还有 2 个按钮唱入和唱出。我希望 "Sing up" 按钮在单击 "Sing in" 时隐藏，反之亦然（"Sing in" 按钮在单击 "Sing up" 时隐藏）。我尝试了 onmousedown 和 focus，但它并没有让我填写这些字段。这是 fiddle：Demo

<input type="text" id="email" style="display:none;">
<input type="password" id="pass" style="display:none;">
<button id="hide">Sign in</button>
<button id="show">Sign up</button>

<script>
$("#hide").one("click", showFields);
function showFields()
{
$("#email").show();
$("#pass").show();
$("#singup").hide();
$("#singin").on("click", function(){
window.open("#", "_self");
});
}
</script>

Answer 1

$("#hide").on("click",showFields);

function showFields()
{
    $("#email").show();
    $("#pass").show();
    $("#show").hide();
    $("#hide").on("click", function(){
        window.open("#", "_self");
    });
}

$('button,input').focusout(function () {
    $('#email').hide();
    $('#pass').hide();
    $("#show").show();
    $("#hide").show();
});

不确定这是否是您想要的，但我认为您应该使用 focusout。但请记住，您必须列出所有元素（在这种情况下，只是按钮和输入），如果您在其中任何一个之外单击，它将触发该功能。

按下第二个按钮时如何隐藏按钮以及单击页面空白区域时如何使其出现？

How to hide button when second is pressed and how to make it appear when i click on empty area of page?

javascript

jquery

show

hide

mouseevent