는 jQuery를 함께 컨테이너 DIV 및 서브 DIV에 리스너를 추가

Question

<div id="container"> 
    <div id="son1"> 
    </div> 
    <div id="son2"> 
    </div> 
</div> 

클릭은 "컨테이너"또는 "son1"내부에, 나는, "FUNC1"

및 호출해야하는 경우 클릭 "son2"안에, 내가 필요할 때 "func2"를 호출하고 "func1"을 다시 호출하면 안됩니다.

jQuery로 어떻게 할 수 있습니까? "son2"클릭 할 때

$ ('용기'). (..)을 클릭

Answer 1

$("#son1,,#container").click(function(event){ 
    // do your action 
}); 


$("#son2").click(function(event){ 
    // do your action 
}); 

및이 div의 경우의 클릭 이벤트에

event.stopPropagation() 

를 사용하는 경우에도 호출됩니다 당신은 이러한 이벤트를 전파하고 싶지 않습니다.

Answer 2

컨테이너에서 click 이벤트를 호출하지 않고 son2를 클릭하려면 container에서 son2을 이동해야합니다.

<div id="container"> 
    <div id="son1"> 
    </div> 
</div> 

<div id="son2"> 
</div> 

<script type="text/javascript"> 
    /* <![CDATA[ */ 
    $('#son1,#container').click(func1); 
    $('#son2').click(func2); 
    /* ]]> */ 
</script>