은 클릭 div의 내부 응답하는 방식으로

Question

그래서 현재 내가 사업부 내부 이미지를 가지고 작업에, 이미지를 만들기 :

는

<div onclick="doSomething()"> 

    <img onclick="doSomethingElse()" src="image.png"/> 

</div> 

그러나 이미지를 클릭하면 doSomething() 및 doSomethingElse() 모두를 호출합니다. 나는 그것을 단지 doSomethingElse()에 좋아할 것이다.

나는 "doSomething()"을 포함하는 div가 필요하므로 그 옵션을 제거 할 필요가 없습니다.

아이디어가 있으십니까?

Answer 1

doSomethingElse() 내부에는 event.stopPropagation()으로 전화하십시오.

var doSomethingElse = function(event) { 
    event.stopPropagation(); 
    // ... 
}