JQuery - 阻止事件冒泡

案例分析:

<div id="A">
    <div id="B">
    </div>
</div>

这时候点击 B 的事件区域 同样会触发A的点击事件

要阻止这样的事件发生 就得运用JS的阻止事件冒泡机制

 

代码:

        $("#A").click(function (e) {
            alert(2);
        })

        $("#B").click(function (e) {
            alert(1);
            e = e || window.event;
            if (e.stopPropagation)
                e.stopPropagation();
            else
                e.cancelBubble = true;
        })