getAttribute sous IE

Version imprimable

Je n'arrive pas à faire fonctionné la méthode javascript getAttribute correctement.
Sous FireFox pas de problème mais sous IE ça ne marche pas.
IE ne semble pas reconnaitre le this.

Merci de votre aide.

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
27
28
<html>
	<head>
		<title>Untitled</title>
		<script type="text/javascript">
			function handler()
			{
				if (window.addEventListener)
				{
					document.getElementById ('x').addEventListener("click", att, false);
				}
				else
				{
					document.getElementById ('x').attachEvent ('onclick', att);
				}
			}
 
			function att()
			{
				alert(this.getAttribute ("id"));
			}
 
		</script>	
	</head>
	<body>
		<div id="x">AAAA</div>
		<button onclick="handler();">handler</button>
	</body>
</html>

Bonjour,

La réponse ici : http://stackoverflow.com/questions/4...ng-attachevent

La solution :

Code:

1
2
3
4
5
6
7
8
9
 
function handler()	{
var elm = document.getElementById('x');
if (window.addEventListener){
	elm.addEventListener("click", att, false);
} else {
	elm.attachEvent ('onclick', function(){ att.call(elm); });
}
}

06/12/2012, 22h52
NoSmoking
Bonsoir,
tu peux te contenter de faire un

Code:

document.getElementById('x').onclick = att;

si tu n'as pas d'autre action à faire sur le click de l'élément, dans ce cas le this représentera bien l'objet ayant reçu l'événement.

IE et les autres navigateurs ne gèrent pas les événements de la même façon, c'est en partie ce qui explique que le comportement de attachEvent est différent.

Une autre approche est de récupérer l'objet dans la fonction
Code:

1 2 3 4 5 function att(e) { e = e || window.event; var obj = e.target || e.srcElement; alert( obj.getAttribute('id')); }
à toi de voir en fonction de ton besoin.
07/12/2012, 10h22
thomas55
Merci NoSmoking pour ta solution qui m'a aidé, mais j'utilise une bibliothèque ajax pour appeler la fonction att.
De plus dans ma div id="x" j'ai plusieurs autres div, et je veux récupérer l'id ""x" et non l'id "y".
Code:

1 2 3 4 5 6 <div id="x"> AAAA <div id="y"> BBB </div> </div>
07/12/2012, 15h47
NoSmoking
Il te faut utiliser la méthode
Code:

1 2 3 4 function att() { alert( this.getAttribute("id")); } document.getElementById('x').onclick = att;
qui affichera l'ID "x" même si c'est un enfant qui reçoit le clic, et qu'il n'y ait pas de stopPropagation bien sûr.