如何知道點擊的元素是否在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(); 
    } 
});