Javascript 如何让jQuery仅触发精确绑定事件

我有一个场景，我必须将click事件绑定到外部和内部div，但是当我单击内部div时，它将触发2个click事件，包括外部和内部div绑定事件

如何仅为内部div触发确切事件

这里我附上了JSFIDLE演示：

---

您可以使用

.stopPropagation

方法防止事件冒泡到父级，该方法顾名思义。更新链接：

---

​

您可以使用

.stopPropagation

方法防止事件冒泡到父级，该方法顾名思义。更新链接：

---

​

只需添加

返回false到小盒子处理程序

固定JSFIDLE：

只需添加
返回false到小盒子处理程序

固定JSFIDLE：

$('#big-box').click(function(){
    console.log('blue box');     
});

$('#small-box').click(function(e){
    e.stopPropagation();
    console.log('red box');     
});

$('#small-box').click(function(){
    console.log('red box');
    return false;
});