retirer la clé de contact presse retard en javascript

Si vous voulez de répétition, dans un mode contrôlable, vous aurez à mettre en œuvre vous-même, en tant que touche les événements sont déclenchés dépend de l'OS idée de la façon dont les touches de répétition. Cela signifie qu'il peut être variable initiale et à la suite de retards, et maintenez les deux touches à la fois causera un seul d'entre eux à le répéter.

Vous devez garder une trace de savoir si chaque touche est enfoncée, et d'ignorer keydown événements lorsque la clé est déjà bas. C'est parce que de nombreux navigateurs feu un keydown ainsi que d'un keypress événement lorsqu'une autorepeat se produit, et si vous êtes à la reproduction de clé répéter vous-même, vous aurez besoin de supprimer cette.

Par exemple:

//Keyboard input with customisable repeat (set to 0 for no key repeat)
//
function KeyboardController(keys, repeat) {
    //Lookup of key codes to timer ID, or null for no repeat
    //
    var timers= {};

    //When key is pressed and we don't already think it's pressed, call the
    //key action callback and set a timer to generate another one after a delay
    //
    document.onkeydown= function(event) {
        var key= (event || window.event).keyCode;
        if (!(key in keys))
            return true;
        if (!(key in timers)) {
            timers[key]= null;
            keys[key]();
            if (repeat!==0)
                timers[key]= setInterval(keys[key], repeat);
        }
        return false;
    };

    //Cancel timeout and mark key as released on keyup
    //
    document.onkeyup= function(event) {
        var key= (event || window.event).keyCode;
        if (key in timers) {
            if (timers[key]!==null)
                clearInterval(timers[key]);
            delete timers[key];
        }
    };

    //When window is unfocused we may not get key events. To prevent this
    //causing a key to 'get stuck down', cancel all held keys
    //
    window.onblur= function() {
        for (key in timers)
            if (timers[key]!==null)
                clearInterval(timers[key]);
        timers= {};
    };
};

alors:

//Arrow key movement. Repeat key five times a second
//
KeyboardController({
    37: function() { Move(-1, 0); },
    38: function() { Move(0, -1); },
    39: function() { Move(1, 0); },
    40: function() { Move(0, 1); }
}, 200);

Bien que, la plupart des action-jeux basés sur le fixe, le temps de châssis principal de la boucle, que vous pouvez attacher la touche up/down de la manipulation dans.

Que vous pourriez commencer le mouvement onkeydown et seulement à la fin il onkeyup?

C'est ici Lucas solution en version abstraite:

http://jsfiddle.net/V2JeN/4/

Semble que vous ne pouvez appuyer sur 3 touches à la fois, à ma grande surprise.

C'est presque la même que l'excellente réponse de @bobince

J'ai modifié légèrement pour permettre aux valeurs de l'intervalle

//Keyboard input with customisable repeat (set to 0 for no key repeat)
//usage
/**
KeyboardController({
    32: {interval:0, callback: startGame },
    37: {interval:10, callback: function() { padSpeed -= 5; } },
    39: {interval:10, callback: function() { padSpeed += 5; } }
});
*/

function KeyboardController(keyset) {
    //Lookup of key codes to timer ID, or null for no repeat
    //
    var timers= {};

    //When key is pressed and we don't already think it's pressed, call the
    //key action callback and set a timer to generate another one after a delay
    //
    document.onkeydown= function(event) {
        var key= (event || window.event).keyCode;
        if (!(key in keyset))
            return true;
        if (!(key in timers)) {
            timers[key]= null;
            keyset[key].callback();
            if (keyset[key].interval !== 0)
                timers[key]= setInterval(keyset[key].callback, keyset[key].interval);
        }
        return false;
    };

    //Cancel timeout and mark key as released on keyup
    //
    document.onkeyup= function(event) {
        var key= (event || window.event).keyCode;
        if (key in timers) {
            if (timers[key]!==null)
                clearInterval(timers[key]);
            delete timers[key];
        }
    };

    //When window is unfocused we may not get key events. To prevent this
    //causing a key to 'get stuck down', cancel all held keys
    //
    window.onblur= function() {
        for (key in timers)
            if (timers[key]!==null)
                clearInterval(timers[key]);
        timers= {};
    };
};

J'ai aussi un plan pour utiliser setTimeout au lieu de setInterval pour les raisons données à cette question: setTimeout ou setInterval?

Je vais mettre à jour cette réponse une fois que j'ai modifié et testé.