클릭 이벤트 버블 링 문제

Question

고유 한 클릭 이벤트가있는 div가 있습니다. 그 div 안에는 링크가 있습니다.

제 문제는 div를 클릭하여 펼치고 접을 수 있다는 것입니다. 그러나 링크를 클릭하면 링크가 확장되거나 접기를 원하지 않습니다. 이것을 어떻게 성취합니까? 링크

<div class="module"> 
    BLA BLA BLA BLA BLA BLA BLA BLA BLA <a href="http://www.google.com">Googs</a> 
</div> 

Answer 1

사용 인 stopPropagation()는()

인라인

<div class="module"> 
    BLA BLA BLA BLA BLA BLA BLA BLA BLA 
    <a href="http://www.google.com" onClick="event.stopPropagation();">Googs</a> 
</div> 

JQuery와 께 체인을 demo

$("a").click(function(e){ 
    e.stopPropagation(); 
}); 

Answer 2

event.stopPropagation을 피하려고 위 이벤트가 상위 처리기로 전달되지 않도록합니다. 예 :

$('.module > a').on('click', function(e) { 
    // do stuff, or not 
    e.stopPropagation(); 
});