事件传递

默认情况下，如果父元素和子元素都对某一个事件进行响应，则子元素响应之后，父元素也会响应。

如果不希望事件继续传递，可以使用：

event.stopPropagation();

 

适用情况：

1. 子元素响应后不要父元素响应。

<div class="parent" onclick="clickParent()">
    <div class="child">
    </div>
</div>

$(".child").click(function(event) {
    //......
    event.stopPropagation();
});

 

2. 父元素响应某个事件，而不要子元素响应。

<div class="parent" onclick="clickParent()">
    <div class="child">
    </div>
</div>

$(".child").click(function(event) {
    event.stopPropagation();
});