enlever un event à une <div>

Version imprimable

Bonjour,

Mon code ressemble a ca:
Code:

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:

div_from.detachEvent('onmouseover',p2i);

sous IE, mais ca ne marche pas non plus.

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

09/06/2006, 07h21
Auteur

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

et plus simplement

Code:

div_from.onmouseover=""

Code:

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

09/06/2006, 09h11
bibile

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

Code:

div_from.onmouseover=""

j'ai tjrs onmouseover="p2i(this);" dans l'inspecteur de DOM de firefox !
09/06/2006, 09h52
SpaceFrog
essaye:
Code:

1 2 div_from.onmouseover=function(){}
09/06/2006, 12h12
bibile
Citation:
Envoyé par SpaceFrog

essaye:

Code:

1 2 div_from.onmouseover=function(){}
meme resultat !

il faut alors doubler l'instruction:
Code:

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

09/06/2006, 14h27
bibile

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

Code:

<div onmouseover>...</div>

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

Code:

<div>...</div>
09/06/2006, 15h08
SpaceFrog

sans doute pas validde w3c ...
mais le resultat effectif est là ...
09/06/2006, 15h10
bibile

ok.
merci pour tes reponses !

tu peux essayer ceci:
Code:

1 2 div_from.onmouseover=function(){void(0)} div_from.setAttribute("onmouseover",function(){void(0)})
qui devrait à ce moment là etre valide ...

09/06/2006, 15h13
bibile

c'est fait !

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