如何知道点击的元素是否在jQuery的主要元素之内？

Question

我有一点疑问，我做了一个登录表单，当我点击它的空间时我想隐藏它。 OK，假设我有这样的：

<div id="main-space"> 
    <div id="form-style"> 
     <input type="text" /> 
     <br /> <br /> 
     <input type="password" /> 
    <div> 
</div> 

嗯，我想隐藏主空间当我点击超出这个登录“框”的元素。我尝试了很多方法，但没有人工作。相信我，我搜索了很多东西，但我没有找到任何解决方案。

顺便说一下，我正在寻找一个jQuery解决方案，如果可能的话。

Answer 1

你可以试试这个 -

$(document.body).on('click',function(e){ 
    if(!$(e.target).closest('#main-space').length){ 
     $('#main-space').hide(); 
    } 
});