Mettre une methode dans un event listener

**FidoDido®** · 11/07/2006, 12h13

Bonjour,
J'essaie de mettre une méthode dans un event listener. L'évènement est bien capturé, seulement la méthode n'a pas les résultats attendus. Toutes les variables utilisant "this" sont undefined et je ne comprends pas pourquoi.

Quelqu'un connaît-il une solution à ce problème ?

Merci

**jejetcr** · 11/07/2006, 12h27

bonjour,
peux-tu publier ton code, c'est plus facile pour comprendre ton problème...

**FidoDido®** · 11/07/2006, 12h35

ouep pardon...

Par exemple voila mon .js

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
function Menu(idstr)
{
	this.ident=idstr;
}
 
function test()
{
      alert(this.ident);
}
 
Menu.prototype.handler=test;
var menuHaut = new Menu("abcd");

et voici le html associé :

Code :

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

1
2
3
4
5
6
7
8
 
<html>
<!-- je passe le head -->
<body>
<script type="text/javascript">
document.addEventListener("keypress",menuHaut.handler,false);
</script>
</body>

Puis qd je loade la page et que j'appuie sur une touche j'ai bien l'alert mais le résultat est "undefined".

**FidoDido®** · 11/07/2006, 22h23

ok j'ai trouvé, c'est un problème de binding

le this de la méthode ne fait pas référence au bon objet, la solution est alors de déclarer l'Event Listener ainsi :

Code :

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

document.addEventListener("keypress",function(evt) {menuHaut.handler(evt);},false);

Et de cette façon ça fonctionne.

Mettre une methode dans un event listener

JavaScript

Discussions similaires

Partager

Partager