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 的childs 而不是点击.layover 的childs，我怎样才能让它关闭？

Answer 1

试试这个：

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

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