Как остановить прерывание родительских событий?

Question

Если у меня есть ...

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

Как я могу сделать так, чтобы йоЗотеЬЫпд() не выполняется, когда я зависания над ребенком? Я только хочу, чтобы doSomethingElse() выполнялся, когда я наводил курсор на дочерний элемент, и я хочу, чтобы doSomething() выполнял, когда я хожу над родителем.

Всякий раз, когда я наводил над ребенком, выполняются обе функции. Есть идеи?

Matt

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 и Firefox, но все-таки: www.quirksmode.org/js/events_order.html