当按下第二个按钮时如何隐藏按钮，以及当我点击页面的空白区域时如何使其出现

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

本文关键字：按钮 区域 何使其 空白 何隐藏 第二个 隐藏      更新时间：2023-12-27

我有两个字段电子邮件&密码。我还有两个按钮在&唱起来。我希望"唱起来"按钮在单击"唱进去"时被隐藏，反之亦然（"唱进来"按钮在点击"唱起来》时被隐藏）。我尝试了onmousedown和focus，但它不允许我填写这些字段。这是一把小提琴：演示

<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>

$("#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。但请记住，您必须列出所有元素（在本例中，仅列出按钮和输入），如果您在其中任何元素之外单击，它将触发该函数。

相关文章：