防止觸發click（）

Question

我在較大的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>

jQuery的

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

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

Answer 1

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