Javascript - Solutions pour éviter la désactivation de l'interception des événements

Version imprimable

Bonjour,

Quelles sont les solutions Javascript pour éviter ce problème (rencontré sous IE7) de désactivation de l'interception des événements :

Si on déclare une interception d'événement sur un élément du BODY (dans l'exemple : un 'onmousedown' sur une DIV), et si on modifie ensuite le contenu du BODY => alors l'interception initiale se retrouve désactivée.

Exemple :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 <HTML> <BODY> <DIV id=adiv>Cliquez ici</DIV> <SCRIPT type=text/javascript> adiv.onmousedown = function() {alert ("Mouse down")}; alert(adiv.onmousedown); // Affiche la fonction, tout est ok document.body.innerHTML += "c" ; alert(adiv.onmousedown); // Affiche 'null', le 'mouse down' // n'est plus intercepté </SCRIPT> </BODY> </HTML>
Si on retire la ligne "document.body....", le 'mouse down' est intercepté normalement.

Merci de vos suggestions

10/03/2007, 18h18
javatwister

effectivmeent, il y a matière à réflexion;
en tout cas, essaie d'insérer plus proprement des contenus dans le document, et pas au chargement (moment qui paraît peu propice);

bonjour,

tu n'as pas le choix, tu dois utliser les méthodes du DOM :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
<html>
<head>
<title></title>
 
</head>
 
<body>
         <div id="adiv">Cliquez ici</div>
 
 
         <script type="text/javascript">
            adiv.onmousedown = function() {alert ("Mouse down")};
            alert(adiv.onmousedown);
 
            document.body.appendChild(document.createTextNode("coucou"));
            alert(adiv.onmousedown);
 
         </script>
</body>
 
</html>

ou si tu tiens au innerHTML, tu es obligé de créer un élément vide pour insérer ton texte :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
 
<html>
<head>
<title></title>
 
</head>
 
<body>
         <div id="adiv">Cliquez ici</div>
 
         <div id="divVide"></div>
 
 
         <script type="text/javascript">
            adiv.onmousedown = function() {alert ("Mouse down")};
            alert(adiv.onmousedown);
 
            document.getElementById("divVide").innerHTML = "coucou";
            alert(adiv.onmousedown);
 
         </script>
 
 
</body>
 
</html>

11/03/2007, 09h03
sekaijin

Je me répète mais inner est un vieux truc conservé par compatibilité

utilisez toujours le dom vous aurez moins de pbs

A+JYT