enlever un event à une <div>

**bibile** · 08/06/2006, 22h39

Bonjour,

Mon code ressemble a ca:

Code :

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

1
2
3
4
5
6
7
8
9
10
<head>
<script language="Javascript">
  function p2i(div_from) {
    div_from.removeEventListener('onmouseover',p2i,false);
  }
</script>
</head>
<body>
  <div onmouseover="p2i(this);" >......</div>
</body>

Je voudrais pouvoir enlever l'event onmouseover de ma <div>.
normalement, removeEventListener devrait fonctionner sous firefox. mais ca ne marche pas.
j'ai aussi essayé avec

Code :

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

div_from.detachEvent('onmouseover',p2i);

sous IE, mais ca ne marche pas non plus.

Est-ce que qqu'un peut me debloquer ?
merci !!

**Auteur** · 09/06/2006, 07h21

bonjour,

http://www.aidejavascript.com/article143.html (cf. fin du document)
http://quentinc.net/ref/detachevent/
http://quentinc.net/ref/js/HTMLEleme...EventListener/

d'après les liens, il faut au préalable assigner un récepteur d'événements.
De plus avec removeEventListener le nom de l'événement ne doit pas être précédé du préfixe "on".

**SpaceFrog** · 09/06/2006, 08h47

et plus simplement

Code :

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

div_from.onmouseover=""

Code :

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

1
2
3
4
<div onmouseover="alert('coucou')">div</div>
<script type='text/javascript'>
document.getElementsByTagName('div')[0].onmouseover=""
</script>

**bibile** · 09/06/2006, 09h11

ce qui m'etonne, c'est que si je fais

Code :

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

div_from.onmouseover=""

j'ai tjrs onmouseover="p2i(this);" dans l'inspecteur de DOM de firefox !

**SpaceFrog** · 09/06/2006, 09h52

essaye:

Code :

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

1
2
 
div_from.onmouseover=function(){}

**bibile** · 09/06/2006, 12h12

Envoyé par SpaceFrog

essaye:

Code :

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

1
2
 
div_from.onmouseover=function(){}

meme resultat !

**SpaceFrog** · 09/06/2006, 12h36

il faut alors doubler l'instruction:

Code :

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

1
2
3
 
div_from.onmouseover=function(){}
div_from.setAttribute("onmouseover","")

**bibile** · 09/06/2006, 14h27

super !
ca enleve bien la fonction du onmouseover.
ca me donne un

Code :

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

<div onmouseover>...</div>

est-ce que c'est "vraiment" equivalant a ca :

Code :

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

<div>...</div>

**SpaceFrog** · 09/06/2006, 15h08

sans doute pas validde w3c ...
mais le resultat effectif est là ...

**bibile** · 09/06/2006, 15h10

ok.
merci pour tes reponses !

**SpaceFrog** · 09/06/2006, 15h10

tu peux essayer ceci:

Code :

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

1
2
div_from.onmouseover=function(){void(0)}
div_from.setAttribute("onmouseover",function(){void(0)})

qui devrait à ce moment là etre valide ...

**bibile** · 09/06/2006, 15h13

c'est fait !

dès que j'ai le temps, j'esaye d'utiliser les addEventListener pour voir si c'est mieux.

enlever un event à une <div>

JavaScript

Discussions similaires

Partager

Partager