상단 상단 레이어에서만 Jquery - fire 클릭 이벤트 발생

Question

Child을 클릭하면 alert이 Parent 및 Child이 발생합니다.

호 Child을 클릭하면 경고 할 수 있습니까?

<div id="Parent" style="width:300px;height:100px;border:solid 1px red;"> 
    Parent 
    <div id="Child" style="width:300px;height:50px;border:solid 1px green;"> 
     Child 
    </div> 
</div> 

<script> 
$(document).ready(function(){ 
    $("#Child").click(function(){alert('child')}) 
    $("#Parent").click(function(){alert('Parent')}) 
}) 
</script> 

http://jsfiddle.net/WAYgL/ 당신은 내가 당신은 이벤트 객체의 stopPropagation 메소드를 호출 할 수

Answer 1

을 경고하기 위해 Parent 방지 할 수있는 방법 알림 모두 해고 될 Child에 예를 클릭하면 :

DOM 트리 (DOM 이벤트가 기본적으로 동작하는 방식)를 버블 링하지 않도록 이벤트를 중지합니다.