클릭()의 트리거 방지

Question

큰 div에 중첩 된 몇 개의 작은 div가 있습니다. 1 특정 소규모 div #small 및 큰 div #large에는 jQuery click() 이벤트 핸들러가 첨부되어 있습니다.

문제 :가 어떻게 그것을 클릭이 하나 작은 중첩 된 DIV 내에서 일어날 때, 더 큰 사업부의 click() 핸들러가 발사되지 않도록, 작은 DIV 만 사람이 같은해야합니까? 더 큰 div의 click()은 기타 작은 div에서 클릭이 발생하는 경우 계속 실행되어야합니다.

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'); 
} 

존재

http://api.jquery.com/event.stopPropagation/