Comment puis-je empêcher les événements parents de se déclencher?

Question

Si je ...

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

Comment puis-je faire en sorte que ne soit pas exécuté doSomething() quand je suis en vol stationnaire au-dessus de l'enfant? Je veux seulement que doSomethingElse() s'exécute quand je survole l'enfant, et je veux seulement que doSomething() s'exécute quand je suis sur le parent.

Chaque fois que je survole l'enfant, les deux fonctions s'exécutent. Des idées?

Matt

Answer 1

function doSomethingElse(e) { 
// your function body 

e.stopPropagation() 

} 

Answer 2

Modifier la valeur d'attribut à

onmouseover="doSomethingElse(event)" 

et changer doSomethingElse() à

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

Answer 3

Je n'ai pas testé, mais il devrait y avoir quelques façons de fais le.

S'il vous plaît vérifier événement bouillonnement: il est différent dans IE et Firefox, mais encore: www.quirksmode.org/js/events_order.html