Keylistener en Javascript

Je suis à la recherche d'un écouteur pour un jeu que je suis en développement en JavaScript. Je n'ai aucune idée de comment cela pourrait fonctionner dans le code réel, mais il serait quelque chose comme cela.

    if(keyPress=upKey)
     {
      playerSpriteX+=10;

     }
    else if(keyPress=downKey)
     {
      playerSpriteY-=10;

     }

ect...

J'ai cherché, et Google est venu avec les choses qui participent de l'AJAX dont je ne comprends pas encore. Est-il construit en fonction en javascript qui fait cela?

source d'informationauteur

  1. 34
    window.onkeyup = function(e) {
   var key = e.keyCode ? e.keyCode : e.which;

   if (key == 38) {
       playerSpriteX += 10;
   }else if (key == 40) {
       playerSpriteX -= 10;
   }
}

    VIOLON

  2. 8

    JSFIDDLE DÉMO

    Si vous ne voulez pas que l'événement soit en continu (si vous souhaitez attribuer à l'utilisateur de libérer la clé à chaque fois), le changement onkeydown à onkeyup

    window.onkeydown = function (e) {
    var code = e.keyCode ? e.keyCode : e.which;
    if (code === 38) { //up key
        alert('up');
    } else if (code === 40) { //down key
        alert('down');
    }
};
  3. 5

    Dans la glace de l'éditeur de code par gamingjs le code est

    document.addEventListener('keydown', function(event){
    alert(event.keycode)
}

    Ce retour le code ascii de la touche. Si vous avez besoin de la clé de la représentation, utilisation de l'événement.clé (Ce qui sera de retour 'a', 'o', 'Alt'...)

  4. 2

    Avez-vous vérifié le petit Piège à souris bibliothèque?

    Souricière est une simple bibliothèque pour la manipulation des raccourcis clavier en JavaScript.

  5. 0

    Un peu plus lisible la comparaison est effectuée par la coulée event.key majuscules (j'ai utilisé onkeyup - besoin de l'évènement qui se déclenche une fois sur chaque touche tap):

    window.onkeyup = function(event) {
    let key = event.key.toUpperCase();
    if ( key == 'W' ) {
        //'W' key is pressed
    } else if ( key == 'D' ) {
        //'D' key is pressed
    }
}

    Chaque clé possède ses propres codes, sortir par la sortie de la valeur de la "clé" de la variable (par exemple pour la touche flèche vers le haut il sera "ARROWUP' - (coulé en majuscules))