JQuery的 - 點擊背景

Question

我有一個設計的短暫停留，就像這樣：

.layover{ 
    width: 100%; 
    height: 100%; 
    display: none; 
    position: absolute; 
    background: rgba(0,0,1,0.7); 
    z-index: 1000; 
} 

我用這個節目時，點擊一個按鈕，方便。它有另一個div，但我想在點擊.layover時關閉這些東西。但是如果我點擊它上面的表格，它仍然會關閉！

我的JavaScript試圖關閉它：

$(".layover").on("click", function(){ 
    if(overlay_active){ 
     $(".layover").fadeOut(); 
     overlay_active = false; 
    } 
}); 

我怎樣才能使這只是如果我點擊.layover它關閉，而不是如果我點擊的.layover的childs？

Answer 1

試試這個：

$(".layover").on("click", function(e){ 
    if(e.target !== e.currentTarget) return; 

    if(overlay_active){ 
     $(".layover").fadeOut(); 
     overlay_active = false; 
    } 
});