聽取點擊div，但沒有點擊它的任何孩子時

Question

我試圖隱藏一個div和它的孩子，當點擊div時，但沒有發生任何事件時，它的任何孩子;例如輕掃，點按或點擊。

隱藏在點擊的div jQuery的很簡單：

$("#tabs").click(function(){ 
    $(this).fadeOut(); 
}); 

但我注意到，當它的孩子們點擊或滑，在div淡出。

當這些事件發生在它的孩子身上時，我怎樣才能防止div淡出，但是讓它淡出只有它自己的onclick？

Answer 1

檢查，如果點擊的元素是被綁定在相同的元素：

$("#tabs").click(function(e){ 
    if (e.target == this) 
     $(this).fadeOut(); 
});