嵌套标签多个click事件

Question

<div id="btn1">
    <div id="btn2"></div>
</div>

btn1 有个点击事件， btn2有个点击事件。

如何做到点击 btn2的时候不触发btn1的事件呢。

Answer 1

阻止冒泡 e.stopPropagation();
参考http://blog.csdn.net/woshixuy...

Answer 2

使用e.stopPropagation()来阻止事件冒泡，代码如下：

$(document).ready(function(){
    $("#btn1").click(function(){
        alert("btn1 clicked.");
    });

    $("#btn2").click(function(e){
        alert("btn2 clicked.");
        e.stopPropagation();
    });
});

Answer 3

阻止事件冒泡就可以了呀

Answer 4

阻止冒泡就好了