javascript - 如何知道单击的元素是否在使用 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();
  }
});