javascript - 如何仅在单击 BODY 元素而不是内部元素时触发 jQuery 事件？

Question

HTML

<div class="lamp_color_div"></div>
<br>
<div class="lamp_colorpicker_div"></div>

Javascript

$("body").click(function(){
    console.log("SLIDE UPPPPPPPPPPPPP!");
    $(this).append("SLIDE UPPPPPPPPPPPPP!");
    $(".lamp_color_div").slideUp();
    $(".lamp_colorpicker_div").slideUp();
});

CSS

div{
    width: 100px;
    height: 100px;
    background-color: purple;
}

JsFiddle 在这里:http://jsfiddle.net/DynamicRemo/qfu2vwj2/

Answer 1

您可以检查目标。

像这样:

$("body").click(function () {

    if (event.target == document.body) {
        $(".lamp_color_div").slideUp();
        $(".lamp_colorpicker_div").slideUp();
    }
});