Javascript

**cap_gregg** · 10/03/2007, 17h05

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 :

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

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

**javatwister** · 10/03/2007, 18h18

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

**Auteur** · 11/03/2007, 01h22

bonjour,

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

Code html :

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

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

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

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>

**sekaijin** · 11/03/2007, 09h03

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

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

Discussions similaires

Partager

Partager