jquery - dblclick 자식 또한 부모에서 dblclick 이벤트를 트리거합니다

Question

나는 거기에 몇 가지 LI 요소가있는 UL이있는 이상한 문제가 있습니다. 나는 dblclick() 이벤트를 UL과 LI 모두에 바인딩했습니다. LI 요소를 dblclick하면 LI 이벤트와 UL 이벤트가 모두 트리거됩니다 ..이를 피할 수있는 방법이 있습니까?

이

$("ul").dblclick(function() { 
     alert("ul clicked"); 
    }); 

    $("li").dblclick(function() { 
     alert("li clicked"); 
    }); 

Answer 1

dblclick 이벤트 는 DOM 트리까지 거품, 조상 요소는 통보 :

이 내 코드입니다. 버블 링에서 이벤트를 방지하기 위해, 당신은 stop propagation of the event 필요 :

$("li").dblclick(function (e) { 
    alert("li clicked"); 
    e.stopPropagation(); 
}); 

예 : http://jsfiddle.net/HkUQ4/