Faire des combos avec le clavier et détecter le plus précis

Question

Sur le window Je lie deux événements keydown. La condition pour le déclenchement d'une fonction de rappel est une certaine séquence:

Event #1: ["down", "right", "a"] 
Event #2: ["down", "right", "down", "right", "a"] 

Comment puis-je vérifier si l'utilisateur a appuyé l'événement 2 touches, puis annuler l'événement 1?

Here is the code, se concentrer sur la div rouge et appuyez sur les touches ▼ ►▼ ►A, vous verrez les deux événements de déclenchement. J'ai besoin de savoir comment puis-je vérifier si un plus précis a été déclenché ...

Pour vérifier si la séquence est correcte, je compare la séquence avec la fin de l'entrée utilisateur.

Answer 1

Le plus précis, est celui avec plus de clés. Alter votre code de sorte qu'il ne $(window).kb une fois, et d'enregistrer une séquence, on appelle une autre fonction qui remplira une structure de tableau semblable à ceci:

[ 
{ 
    seq:["down", "right", "down", "right", "a"], 
    callback: cb1 
}, 
{ 
    seq:["down", "right", "a"], 
    callback: cb2 
} 
] 

la fonction d'enregistrement insérera tout nouvel élément dans ce tableau en fonction de son seq.length, donc ce tableau sera toujours trié plus précis à moins précis.

Maintenant votre seul $(window).kb, boucle chaque fois ce tableau à la recherche d'une correspondance, une fois trouvé, il appellera le callback correspondant et arrête d'itérer le tableau.