Javascript 如果单击页面上的任何位置，气泡应关闭 $（文档）.ready（函数（）{ $（“#用户名_输入”）.live（“焦点”，函数（）{ $（'.user available info'）.hide（）； $（'.user available error'）.hide（）； $（'.login error'）.hide（）； }); $（“#密码_输入”）.live（“焦点”，函数（）{ $（'.login error'）.hide（）； $（“#登录用户名无效”）.hide（）； $（“#登录用户名错误”）.hide（）； }); 这是xhtml页面 “要在气泡中显示的消息”

我们在应用程序中有一个登录页面，如果用户输入无效的用户名或密码，就会弹出一个错误气泡。我们有一个要求，如果用户单击页面上的任何位置，气泡都会关闭。用户名和密码输入字段都可以正常工作，因为我已经给出了上面代码中列出的.hide。但是我尝试了changin将输入字段ID设置为“body”，以便使其在整个页面上工作。但它从未工作过。我尝试了.click and.bind。这两种方法都不起作用。有什么解决方案吗

---

谢谢。提前感谢。

绑定到点击主体，而不是焦点：

---

所以$（'body'）。在（'click'，function（）{$（'.bubbleclass'）。hide（）；}）上；将正常工作。如果单击页面右侧的任何位置，将隐藏气泡。是的。需要注意两件事。html和正文的css高度和宽度应为100%。此外，请确保处理用户单击气泡本身的情况。您可能不希望它关闭：$（'.bubbleclass'）。打开（'click'，函数）（）{return false；}）；否则单击将“冒泡”到主体并关闭“您的”冒泡。

    $(document).ready(function() {
$('#username_input').live("focus", function() {
             $('.user-available-info').hide();
             $('.user-available-error').hide();
             $('.login-error').hide();
     });
    $('#password_input').live("focus", function() {
             $('.login-error').hide();
             $( '#login-username-invalid').hide();
             $( '#login-username-error').hide();
         });
    This is the xhtml page
    <h:panelGroup id="login-username-invalid" >
    <div id="login-username-invalid-error">     
                <div class="login-error">
                    <div class="login-error-top"></div>
                    <div class="login-error-middle">

    <p class="error">
    "message to be displayed in the bubble"</P>

$('body').on('focus', function(){
    alert('body does not recieve focus');
});
$('body').on('click', function(){
    alert('body does recieve click');
});