keydown EventListener ne fonctionne pas dans IE7 (Javascript)

Question

J'ai écrit ce code dans les balises HEAD de ma page HTML. Cela fonctionne très bien dans FF, Chrome et Safaria, mais pas dans IE7. Je voudrais savoir comment le réparer.

<script type="text/javascript"> 
if (window.addEventListener) { 
    window.addEventListener("keydown", function(e) { 
    alert(e.keyCode); 
    }, true); 
} 
</script> 

Merci d'avance.

Answer 1

Microsoft a implémenté sa propre méthode, appelée attachEvent. Vous pouvez en savoir plus sur ce à plus quirksmode.org: http://www.quirksmode.org/js/events_advanced.html

Answer 2

Il n'y a pas de window.addEventListener dans IE, vous devez utiliser attachEvent. Il existe une bonne documentation sur les événements here, ou vous pouvez passer à l'utilisation d'une bibliothèque qui résume les différences de navigateur.

Answer 3

Essayez:

window.attachEvent 

Plus entièrement:

//set page event handlers 
if (window.attachEvent) { 
//IE and Opera 
window.attachEvent("keydown", ""); 
} else if (window.addEventListener) { 
// IE 6 
window.addEventListener("keydown", ""); 
} else { 
//FireFox 
document.addEventListener("keydown", ""); 
} 

Answer 4

Vous êtes foutus: vous utilisez event capturing (en passant true comme le dernier paramètre à addEventListener). IE a aucun tel équivalent, en toute version, y compris IE8 en mode IE8.

Y a-t-il une raison pour laquelle vous devez utiliser la capture d'événement plutôt que cet événement qui bouillonne ici? IOW, passez false comme dernier paramètre? Ensuite, vous serez en mesure de porter ce (un peu) à utiliser la méthode propriétaire d'IE attachEvent, ou d'utiliser une bibliothèque (comme d'autres l'ont suggéré et ajouté des liens).