Raccourcis clavier avec jQuery

Question

Comment puis-je créer un événement à déclencher si quelqu'un appuie sur la lettre g ?

(Où est la carte des caractères pour toutes les lettres, BTW ?)

Answer 1

Depuis que cette question a été posée à l'origine, John Resig (l'auteur principal de jQuery) a bifurqué et amélioré le projet js-hotkeys. Sa version est disponible à l'adresse suivante

http://github.com/jeresig/jquery.hotkeys

Answer 2

Qu'en est-il js-hotkeys : Le plugin Javascript jQuery Hotkeys ? ( Démonstration )

Le plugin jQuery.Hotkeys vous permet d'ajouter et de supprimer facilement des gestionnaires d'événements clavier n'importe où dans votre code, en prenant en charge presque toutes les combinaisons de touches. Il suffit d'une ligne de code pour lier ou délier une combinaison de touches.

Exemple : Reliure Ctrl + c :

$(document).bind('keydown', 'ctrl+c', fn);

Answer 3

J'ai récemment écrit une bibliothèque autonome pour cela. Elle ne nécessite pas jQuery, mais vous pouvez l'utiliser avec jQuery sans problème. Elle s'appelle Mousetrap.

Vous pouvez le consulter à l'adresse suivante http://craig.is/killing/mice

Answer 4

Il existe de nombreuses façons de procéder. Mais je suppose que vous êtes intéressé par une implémentation avancée. Il y a quelques jours, j'ai fait la même recherche, et j'en ai trouvé une.

Ici.

Il est bon pour capturer les événements du clavier et vous trouverez les cartes de caractères aussi. Et ce qui est bien, c'est que ... c'est jQuery.

Profitez de la Démonstration et décider.

Answer 5

Si vous voulez juste des raccourcis simples (comme une lettre, par exemple juste le g), vous pouvez facilement le faire sans plugin supplémentaire :

$(document).keypress(function(e){
  if(e.charCode == 103){
    // Do your thing
  }
})