Javascript 防止触发单击（）

我有几个较小的div嵌套在较大的div中。1个特定的小div

#small

和大div

#large

将jQuery

click（）

事件处理程序附加到它们

问题：如何使其在一个较小的嵌套div内发生单击时，不会触发较大div的

click（）

处理程序，而只触发较小div的处理程序？如果在其他较小的div中发生单击，则较大div的

click（）

仍必须激活

HTML

<div id="large">
    <div id="small"></div>
    <div id="small_2"></div>
    <div id="small_3"></div>
</div>

---

太好了，我不知道那是存在的。谢谢！：）太好了，我不知道那是存在的。谢谢！：）

$("#large").click(function() {
    console.log('large');
}

$("#small").click(function() {
    console.log('small');
}

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