comment puis-je suivre la flèche touches de Chrome et IE?

Vous n'avez pas vraiment besoin de JQuery, mais il rend votre code plus court.

Vous devrez utiliser l'événement keyDown, pression de touche ne fonctionnera pas dans les anciennes versions d'IE pour les touches fléchées.

Il y a un tutoriel complet ici que vous pouvez utiliser, voir l'exemple avec les touches fléchées près du bas de la page:
http://www.cryer.co.uk/resources/javascript/script20_respond_to_keypress.htm

Voici un code que j'ai utilisé, un peu simplifiée depuis que j'ai eu à gérer répété des combinaisons de touches avec mise en mémoire tampon:

document.onkeydown = function(event) {
     if (!event)
          event = window.event;
     var code = event.keyCode;
     if (event.charCode && code == 0)
          code = event.charCode;
     switch(code) {
          case 37:
              //Key left.
              break;
          case 38:
              //Key up.
              break;
          case 39:
              //Key right.
              break;
          case 40:
              //Key down.
              break;
     }
     event.preventDefault();
};

problème: webkit envoie un mot de code 38 (flèche vers le haut) à la pression de touche lorsque vous faites shift-7 (esperluette).

résumé: & et à la fois l'égalité 38. % et gauche à la fois l'égalité 37. ' et à droite à la fois l'égalité 39. ( et vers le bas à la fois égal à 40. pour firefox et opera, la 37/38/39/40 ne sont pas envoyés pour le &, %, ', (. ils ne les envoyer pour haut, bas, gauche, droite. mais webkit et ie envoyer 37/38/39/40 pour les deux touches fléchées et &, %, ', (. notez que pour le haut/bas/gauche/droite, webkit jeux de charCode à 0, mais pas pour le &, %, ', (.

solution: donc, si vous le traitement de ces événements par mot de code, vous avez besoin de l'ignorer lorsque la touche maj est enfoncée ou vérifier si la charCode est 0

• Meilleure Ressource: http://unixpapa.com/js/key.html
• Tester un navigateur: http://asquare.net/javascript/tests/KeyCode.html
• bugs.jquery.com/ticket/7300. "C'est fait pour correspondre à IE. keypress événements sont seulement censés feu pour les touches que d'insérer des caractères. Notez que keydown/keyup faire du feu pour les touches fléchées."
• Projet intéressant: github.com/OscarGodson/jKey

Démo

Essayez d'utiliser la bibliothèque jquery pour faire ce que vous avez besoin et ensuite à l'appel ci-dessous. Dans la démo, vous pouvez cliquer dans la zone de saisie, puis commencez à taper. Il vous alerte avec le code de la clé. Vous pouvez lier l'écouteur d'événement à n'importe quel élément de votre page. Il ne doit pas juste être une entrée.

$(document).ready(function() { 
    KEY_CODES = {
      37: 'left',
      38: 'up',
      39: 'right',
      40: 'down'
    }

    KEY_STATUS = { keyDown:false };
    for (code in KEY_CODES) {
      KEY_STATUS[KEY_CODES[code]] = false;
    }

    $(window).keydown(function (e) {

      KEY_STATUS.keyDown = true;

      //perform functionality for keydown
      if (KEY_CODES[e.keyCode]) {
          e.preventDefault();
          alert('arrow');
          if(e.keyCode == 40)
          {
              //Arrow Down 
          }

          else if(e.keyCode == 39)
          {
              //Arrow Right    
          }

          else if(e.keyCode == 38)
          {
              //Arrow Up    
          }

          else if(e.keyCode == 37)
          {
              //Arrow Left    
          }

      }

    }).keyup(function (e) {
      KEY_STATUS.keyDown = false;
      if (KEY_CODES[e.keyCode]) {          
        e.preventDefault();
        KEY_STATUS[KEY_CODES[e.keyCode]] = false;
      }
    });

});

Cela a fonctionné pour moi dans Opera20 et IE8. (Je n'ai pas de Chrome afin de le tester.)

var keyPressListenerFn = function(event) {
    if (!event){ event = window.event }
    var code = event.charCode && event.keyCode == 0 ? event.charCode : event.keyCode
    switch(code) {
        case 37: prev(); break //left
        case 39: next(); break //right
    }
    if (event.preventDefault){ event.preventDefault() } //opera20
    if (event.returnValue){ event.returnValue = false } //ie8
}
var addEvent = document.attachEvent ? document.attachEvent : document.addEventListener
addEvent('keydown', keyPressListenerFn)   //opera20
addEvent('onkeydown', keyPressListenerFn) //ie8