부모 이벤트가 실행되지 않게하려면 어떻게합니까? 해봐요()가 실행되지 않도록 내가 아이 유혹있을 때

Question

만약 내가

은 ...

<div id="parent" onmouseover="doSomething()"> 
    <div id="child" onmouseover="doSomethingElse()"> 
    </div> 
</div> 

어떻게 그것을 할 수 있습니까? 나는 단지 doSomethingElse()가 아이를 가리키고있을 때만 실행하기를 원합니다. 나는 부모에게 물어볼 때 doSomething()을 실행하기를 원합니다.

아이를 가리킬 때마다 두 기능이 모두 실행됩니다. 어떤 아이디어?

매트

Answer 1

function doSomethingElse(e) { 
// your function body 

e.stopPropagation() 

} 

Answer 2

변경

onmouseover="doSomethingElse(event)" 

에 속성 값과 내가 그것을 테스트하지 못했지만, 수있는 몇 가지 방법이 있어야한다 doSomethingElse()에

function doSomethingElse(e) { 
    e.stopPropagation && e.stopPropagation(); 
    e.cancelBubble = true; 
    // ... 
} 

Answer 3

변경 해.

이벤트 버블 링을 확인하십시오 : 그것은 다르다 IE와 파이어 폭스하지만 여전히 지역 : JQuery와 기능 것을 www.quirksmode.org/js/events_order.html