[DOM] attachEvent() ne fonctionne pas sous IE6

**mickael28** · 19/03/2009, 16h44

Bonjour à tous,

Mon problème est dans le titre.

Code :

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

1
2
3
4
5
6
7
8
9
 
<input type="button" value="Bouton 1" id="Btn_1" onclick="test(event)"/>
 
 
function test(event){
	alert("test")
}
 
document.getElementById("Btn_1").attachEvent("onclick",test);

Quelqu'un pourrait m'aider ?

Merci.

**Auteur** · 19/03/2009, 16h54

bonjour,

ne te casse pas la tête avec les attachEvent

Code :

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

document.getElementById("Btn_1").onclick  = function(){test()};

[edit]
Je n'ai pas vu que tu voulais transmettre à ta fonction l'objet event

. Là c'est plus subtil cf. cette discussion :
http://www.developpez.net/forums/d66...es-this-event/
[/edit]

**Bovino** · 19/03/2009, 17h05

Ben...

Code :

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

document.getElementById("Btn_1").onclick  = function(e){test(e)};

tout simplement ?

**mickael28** · 19/03/2009, 17h09

Aucun succés avec:

Code :

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

1
2
3
4
5
6
7
8
 
document.getElementById("Btn_1").onclick = function(event){test(event)};
 
document.getElementById("Btn_1").onclick = function(){test()};
 
document.getElementById("Btn_1").onclick = function(){alert("test")};
 
document.getElementById("Btn_1").onclick = function(event){alert("test")};

**Auteur** · 19/03/2009, 17h17

1- tu as lu mon lien ?

2- ton document.getElementById(), tu l'appelles quand ? Dans le header lors du onload de la page ou à la fin de ton document ? Tu ne peux pas faire de document.getElementById() tant que l'objet ciblé n'a pas été instancié (la fonction retourne null dans ce cas).

**mickael28** · 19/03/2009, 17h25

Oui j'ai lu ton lien, je n'ai pas tout compris:

Code :

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

1
2
 
function() {move(...)}

Je l'appel dans un onload en effet.

Je viens de refaire un test avec "attachEvent()".
Il ne fonctionne que lorsque je clique sur mon bouton et il m'affiche 2 "alert".

Code :

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><!--  xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr" -->
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
	<script type="text/javascript">
		function test(e){
			alert(e.srcElement.id)
			//alert("test")
		}
 
 
		function load(){
 
			//document.getElementById("btn").onclick = function(e){test(e)};
 
			document.getElementById("btn").attachEvent("onclick",test);
		}
	</script>
	<title>Web Magasin</title>
</head>
<body onload="load()">
 
	<input type="button" value="test" id="btn" onclick="test(event)"/>
 
</body>
</html>

**Bovino** · 19/03/2009, 17h29

Je viens de refaire un test avec "attachEvent()".
Il ne fonctionne que lorsque je clique sur mon bouton et il m'affiche 2 "alert".

Ca, c'est normal, quand tu cliques, tu déclenches le attachEvent puis le onclick (celui de l'input)

**mickael28** · 19/03/2009, 17h29

OK autant pour moi.

attachEvent() ou onclick affect un événement a une balise.
Moi je croyais que ça remplaçait l'action de l'utilisateur.

Comment puis-je faire alors pour cela?

**Bovino** · 19/03/2009, 17h23

Ben si :

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Test</title>
<script type="text/javascript">
<!--// [CDATA[ 
        window.onload = function(){
                document.getElementById("Btn_1").onclick  = function(e){test(e)};
        }
        function test(event){
                alert("test : " + event)
        }
// ]] -->
</script> 
</head>
<body>
<div>
	<input type="button" value="Bouton 1" id="Btn_1" />
</div>
</body>
</html>

Fonctionne très bien sur IE6 (sauf bien sûr que event est undefined).
Le problème reste de savoir où tu déclares le gestionnaire d'événement...

[DOM] attachEvent() ne fonctionne pas sous IE6

JavaScript

Vue hybride

Discussions similaires

Partager

Partager