javascript - 更改显示隐藏事件

Question

单击输入类型=“文件”时，会出现一个“上传背景”按钮。我已经使用 jquery .click() 和 .show() 和 .hide() 完成了它，它可以工作。但是我想在页面中的其他位置单击它时将输入 type="file" 更改回按钮。我怎样才能做到这一点？

HTML：

Upload<input type="button" id="upload" />
<input type="file" id="file" />

CSS：

#file{display:none;}

jQuery：

$('#upload').click(function(){
$('#upload').hide();
$('#file').show();
});

在页面某处单击鼠标指针时，如何将#file 更改回#upload。

编辑：（这是对的吗？）

$("#upload").click(function(){
    e.stopPropagation();
    return false;
    $("#file").show('slow');
    $("#upload").hide();
});

$(document).click(function(){
$('#uploadbg').show('slow');
$('#uploadform').hide();
});

还是行不通。有人可以帮我吗？

谢谢！

Answer 1

$(document).click(function(){
   $('#upload').show();
   $('#file').hide();
});

由于事件冒泡，每次没有自己的处理程序的单击都会触发 document.click。