Keycodes javascript
Ce tutoriel illustrera l'utilisation de KeyCydes en JavaScript avec des exemples détaillés. Alors, commençons!
Comment utiliser JavaScript KeyCodes?
Lorsqu'une touche de clavier est appuyée ou libérée, trois événements côté client différents, la clé, la bassesse, Keyup peut avoir lieu dans chaque navigateur. Lorsqu'une touche de clavier est appuyée, l'événement de la clé est déclenché, et immédiatement après cela, l'événement de la baisse de la touche est exécuté. Lorsque la clé est libérée, l'événement de Keyup est déclenché.
Ces événements peuvent être utilisés pour obtenir le kicode d'une clé en fonction des exigences. Consultez les exemples fournis pour effacer votre concept.
Exemple 1: Vérifiez quand une touche est appuyée ou appuyée sur
Dans cet exemple, un message sera affiché sur la console lorsque la touche est appuyée vers le bas puis appuyée en appuyant sur et en relâchant la touche de votre clavier. Pour ce faire, nous allons d'abord créer un titre et deux champs d'entrée avec les ID, «txt1" et "txt2»:
Keycodes javascript
Dans le fichier JavaScript, nous allons récupérer le premier champ de saisie à l'aide du «getElementByid ()"Méthode en passant ID"txt1«Comme argument, puis appelez le«addEventListener ()«Méthode où le«événement.PARVORDEFAULT ()«La méthode sera appelée qui vérifiera le type d'événement déclenché:
document.getElementByid ("txt1").addEventListener ("keydown", fonction (événement)événement.PARVEFAULT ();
console.log ('$ événement.taper');
);
De même, nous ferons de même pour le deuxième champ de saisie avec ID "txt2»:
document.getElementByid ("txt2").addEventListener ("keyup", fonction (événement)événement.PARVEFAULT ();
console.log ('$ événement.taper');
);
En conséquence, la sortie montrera "touche Bas”Message sur la console lorsque la touche est enfoncée, tandis que le contrôle du curseur est dans le premier champ de saisie, et lorsqu'une touche sera enfoncée dans le deuxième champ de saisie, aucun nouveau message n'apparaît sur la console jusqu'à ce que la touche soit libérée et que "Keyup»L'événement est déclenché:
Vous voulez récupérer le keycode lorsqu'une touche est enfoncée? Regardez l'exemple suivant!
Exemple 2: Obtenez le Unicode sur Keypress en utilisant "Event.quel "attribut
Dans cet exemple, nous essaierons d'obtenir le Unicode des clés en les appuyant au hasard. Pour ce faire, nous créerons deux étiquettes que l'une consiste à imprimer des déclarations, et l'autre imprimera l'Unicodes sur une pression de touche:
Keycodes javascript
Dans le fichier JavaScript, accédez au «onkeydown«Propriété du«document"Objet qui invoque la fonction"CheckCodeOfpressedKey"Tout en appuyant sur la touche. Nous appellerons le «événement.qui«Attribut utilisé pour l'entrée de la clé du clavier car il normalise le«événement.code clé" et "événement.charcode" valeurs. La fonction renverra le code de la touche qui sera enfoncée:
document.onKeyDown = checkCodeOfPressyKey;FonctionCheckCodeOfpreressedKey (e)
var keycode;
si (fenêtre.événement)
keycode = fenêtre.événement.code clé;
elseif (e)
keycode = e.qui;
document.GetElementByid ("Unicode").innerHtml = keycode;
Sortir
Nous avons couvert toutes les informations essentielles liées à KeyCodes dans JavaScript.
Conclusion
L'unicode de toutes les touches du clavier, y compris numérique, alphabets et caractères spéciaux, est appelé "Keycodes". JavaScript est souvent nécessaire pour connaître le keycode associé à un caractère tout en traitement du texte ou des caractères entrés dans un élément de formulaire sur une page Web. Dans ce tutoriel, nous avons illustré l'utilisation de KeyCodes en JavaScript avec des exemples détaillés.