如何隐藏按钮在第二次按下，如何使它出现在我点击空白的页面区域？
如何隐藏按钮在第二次按下，如何使它出现在我点击空白的页面区域？
提问于 2015-02-18 12:12:47
我有两个字段电子邮件和密码。我还有两个按钮Sing in & Sing up。我希望“唱歌”按钮在单击“唱歌”时被隐藏，反之亦然(单击“唱歌”时隐藏“歌唱”按钮)。我尝试了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>回答 1
Stack Overflow用户
回答已采纳
发布于 2015-02-18 12:41:19
$("#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();
});不知道这是不是你想要的，但我认为你应该使用聚焦。但请记住，您必须列出所有元素(在本例中，只列出按钮和输入)，如果单击其中任何一个元素，它将触发该函数。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/28583420
复制相关文章
相似问题
腾讯云开发者
