Bloquer la propagation d'un evenement

Version imprimable

Bonjour,
Je viens chercher de l'aide.

Le code suivant me pose problème :
Code:

1 2 3 4 5 6 7 8 9 10 <body onmouseover="alert('Body');"> <div onmouseover="alert('div');"> <div onmouseover="alert('div2');"> <label onmouseover="alert('label');">lien1</label> <label onmouseover="alert('label');">lien2</label> <label onmouseover="alert('label');">lien3</label> </div> </div> </body>
Lorsque le curseur de la souris passe au dessus du label le onmouseover est propagé à tous les parents :
s'affiche alors successivement dans des alert 'label','div2','div' et 'body'. Est-il possible de stopper cette propagation ?

03/04/2007, 16h07
SpaceFrog

une petite recherche avec cancelBubble ou stopPropagation ...
03/04/2007, 16h12
roudoudouduo

Merci ca me donne un petit indice pour démarrer
03/04/2007, 16h26
roudoudouduo

Une autre question :
avec le code suivant :
<div onmouseover="maFonction()">
est-il possible de passer l'evenement associé. (celui qui sous IE est dans la variable global window.event) en parametre de la fonction ?

Merci d'avance
03/04/2007, 16h30
SpaceFrog

pour le cancelBubble:
http://www.developpez.net/forums/sho...t=cancelBubble

passer l'evènement ? sur le onmouseover ? pas compris :oops:
03/04/2007, 16h35
roudoudouduo

Si tu avais un exemple pour stopper la propagation pour firefox... Ce serait génial !!!

google is a magic word ...

http://www.openjs.com/articles/prevent_default_action/

ou encore :
Code:

1 2 3 4 5 6 7 function cancel(e) { if (e && e.preventDefault) e.preventDefault(); // DOM style return false; // IE style }

03/04/2007, 18h52
Auteur
Citation:

Envoyé par roudoudouduo

Lorsque le curseur de la souris passe au dessus du label le onmouseover est propagé à tous les parents :
s'affiche alors successivement dans des alert 'label','div2','div' et 'body'. Est-il possible de stopper cette propagation ?

Tu peux également jeter un coup d'oeil à cette discussion également ;) (j'utilise une temporisation pour éviter la propagation de l'événement).
Citation:
Une autre question :

Code:

1 2 <div onmouseover="maFonction()">

est-il possible de passer l'evenement associé. (celui qui sous IE est dans la variable global window.event) en parametre de la fonction ?
Tout simplement :
Code:

1 2 <div onmouseover="maFonction(event)">
valable aussi bien sous IE que sous Firefox ;) (sous IE l'objet window, parent de l'objet event est sous entendu)