javascript - 使开销 div 标签对劣质 div 不导电

Question

可能重复：
jquery 停止子触发父事件

我有 2 个 div 标签，父母和孩子，我想点击父母 div - alert() 一些。问题是：在子 div 中单击时，alert() 也发生了，我只想调用警报单击父 div 标签区域，请告诉如何做到这一点？这是我的 html 代码

<div id="out_div" style="width: 200px; height: 200px; background-color: #090; position:    absolute; z-index: 1">
        <div id="inner_div" style="width: 100px; height: 100px; background-color: #009; position: absolute; z-index: 2; margin-left: 50px; margin-top: 50px;">

        </div>
    </div>

和js代码：

$(document).ready( function () {

            $("#out_div").on("click", function () {
                alert("asd");
            });

        });

Answer 1

您可以检查event.target：

jsFiddle 演示

$(document).ready( function () {

    $("#out_div").on("click", function ( e ) {
         if (!$(e.target).is(this)){ return; }
         alert("asd");
    });

});