Dans certaines applications Web , en appuyant sur une seule touche de raccourci ou une combinaison de touches déclenche une action par l'application. Raccourcis clavier standard incluent "Ctrl -X" pour déplacer du texte dans le presse papier , "Alt- F4 " pour fermer une fenêtre et "Shift- F5" pour forcer le rafraîchissement de la fenêtre complète. Détection de la combinaison de touches qui ont été pressés en JavaScript est plus compliqué que vous ne le pensez. Configuration de navigateur rapide n'ont pas de détails tels que la valeur à utiliser dans l'étiquetage de chaque touche du clavier , et différentes sociétés ont utilisé des valeurs différentes pour les mêmes touches. Alors que vous pouvez suivre une approche recommandée pour le contrôle de raccourcis clavier qui ont été pressées , vérifiez les valeurs et la différence de valeurs entre les navigateurs Web. Raccourcis

Un raccourci clavier est une touche qui déclenche une sorte d'action dans une application quand il est pressé . Par exemple, un jeu pourrait utiliser "z" et "c" comme raccourcis clavier pour faire pivoter un objet à gauche et à droite. Certaines applications utilisent une combinaison de touches par la combinaison des caractères alphanumériques standards avec d'autres touches spéciales , par exemple, G "" et la flèche vers le haut . Trois touches spéciales , " Ctrl", " Alt" et "Shift " sont souvent utilisés avec des raccourcis de combinaison. Par exemple, "Ctrl -S " est souvent utilisé comme un raccourci de combinaison pour "Enregistrer". Raccourcis combinaison peut comprendre plus d'une clé spéciale , comme dans " Ctrl -Alt- P ".
< Br > Photos Keycode et charCode

Chaque caractère imprimable a un code ASCII numérique attribué à elle, appelé le charcode . Chaque touche du clavier a également un code numérique qui lui est demandé un code d'activation . Les deux ne sont pas toujours les mêmes. Par exemple, le «a» minuscule et majuscule "A" ont des charCodes mais partagent le même mot de code . Les caractères non imprimables tels que le flèches haut et bas n'ont pas charcode du tout .

Clavier événements

JavaScript , quand une touche est enfoncé, il déclenche une série d'événements . JavaScript définit les propriétés d' un objet événement pour fournir des informations sur l'événement. Un événement " KeyDown " passe quand une touche est enfoncée et un événement " keyup " est déclenchée lorsque la touche est relâchée. Alors que la touche est enfoncée , un événement « Appui » est continuellement déclenché . Lors de cet événement , la plupart des navigateurs offrent la valeur charcode de la clé est pressé . Lors d'un événement KeyDown ou keyup , la plupart des navigateurs définissent la valeur keycode de la touche qui a déclenché l'événement . Pour les trois épreuves , une propriété supplémentaire appelée " qui " est généralement fixé à la valeur unicode de la pressée la touche , y compris les touches spéciales . La plupart des navigateurs également fixé trois flagss - ctrlKey , altKey et shiftKey - indiquant la touche qui a été enfoncée lorsque l'événement a tiré
Browser différences

Sélection de l' événement . et propriété à utiliser pour déterminer la combinaison de touches JavaScript qui ont été pressées peut être un défi . Malheureusement, tous les navigateurs Web interprètent ou mettent en œuvre des spécifications de navigation identique. En conséquence , Chrome, Firefox , Internet Explorer, Opera et Safari ne déclenchent pas les mêmes événements ou utilisent les mêmes codes de touches pour chaque touche . Par exemple, Internet Explorer ne fournit jamais la charcode , seul le code d'activation . Firefox ne fournit le code d'activation lors de pression sur une touche et offre la charcode pour KeyDown et keyup . Le code d'activation de la clé du côlon est de 59 186 dans Firefox et dans Internet Explorer et Safari. La plupart des différences existent cependant pour les clés autres que "a" à "z ", " A" à " Z ", " 0" à " 9 ", " Ctrl", "Alt" et "Shift ".
Déterminer Raccourcis

utiliser une bibliothèque externe tel que jQuery, Prototype, Dojo ou MooTools lorsque vous avez besoin de suivre un combinaison de touches JavaScript qui comporte des touches spéciales , car ces bibliothèques traiter généralement les conversions entre les navigateurs et avoir une propriété d'un objet unique référence . Pour déterminer le raccourci qui a déclenché l'événement sans une bibliothèque , utilisez l'événement " keypress " et cochez la case " qui " propriété . Si cette propriété est zéro ou indéfini , vérifiez la propriété " de code d'activation " . Comparer cette valeur à la valeur de votre raccourci , cochez la ctrlKey , altKey et drapeaux shiftKey , et de déterminer si la combinaison de touches JavaScript a été enfoncée.