JQuery - 点击背景

Question

我的设计有停顿，如下：

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

我在点击按钮时使用show this，很简单。它还有另一个div，但我希望在点击.layover时关闭这些内容。但如果我点击它上面的表格，它仍然会关闭！

我的javascript试图关闭它：

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

如果我点击.layover关闭它，我怎么能这样做，而不是点击childs的{​​{1}}？

Answer 1

试试这个：

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

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