Bloquer la propagation d'un evenement

**roudoudouduo** · 03/04/2007, 15h46

Bonjour,
Je viens chercher de l'aide.

Le code suivant me pose problème :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

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 ?

**SpaceFrog** · 03/04/2007, 16h07

une petite recherche avec cancelBubble ou stopPropagation ...

**roudoudouduo** · 03/04/2007, 16h12

Merci ca me donne un petit indice pour démarrer

**roudoudouduo** · 03/04/2007, 16h26

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

**SpaceFrog** · 03/04/2007, 16h30

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

passer l'evènement ? sur le onmouseover ? pas compris

**roudoudouduo** · 03/04/2007, 16h35

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

**SpaceFrog** · 03/04/2007, 16h54

google is a magic word ...

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

ou encore :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**Auteur** · 03/04/2007, 18h52

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).

Une autre question :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

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 html :

Sélectionner tout - Visualiser dans une fenêtre à part

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)

Bloquer la propagation d'un evenement

JavaScript

Discussions similaires

Partager

Partager