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

Question

我有点怀疑，我做了一个登录表单，当我点击它的空间时，我想隐藏它。好吧，想象我有这个：

<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();
  }
});