如何在单击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 Here：http://jsfiddle.net/DynamicRemo/qfu2vwj2/

Answer 1

您可以查看target。

像这样：

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

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