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