Exemple d’événements clavier jQuery

Exemple d'événements de clavier jQuery

jQuery est livré avec trois événements de clavier pour capturer les activités du clavier -keyup(),keydown() etkeypress().

  1. keyup () - Se déclenche lorsque l'utilisateur relâche une touche du clavier.

  2. keydown () - Se déclenche lorsque l'utilisateur appuie sur une touche du clavier.

  3. keypress () - Se déclenche lorsque l'utilisateur appuie sur une touche du clavier.

En général, lekeydown() est similaire aux événementskeypress(). En fait, il y a assez peu de différence entre les événementskeydown() etkeypress().

1. Répéter les touches

Si vous maintenez une touche enfoncée, l'événement keydown () est déclenché une fois, mais l'événement keypress () continuera de se déclencher jusqu'à ce que vous relâchiez la touche.

2. Touches de modification

Les touches de modification du clavier (ctrl, shift, alt…) déclencheront l'événement keydown () mais pas l'événement keypress ().

3. KeyCode - code ASCII

Par exemple, A = 65 et a = 97, veuillez vous référer à ceASCII table charts.

  1. keydown () et keyup () afficheront a = 65, A = 65 (insensible à la casse - les minuscules et les majuscules afficheront la même valeur).

  2. keypresss () affichera a = 97, A = 65 (sensible à la casse - les minuscules et les majuscules afficheront des valeurs différentes).

Si vous souhaitez capturer le vrai caractère saisi, optez pour l'événement keypress ().

KeyCode ne s'affiche pas dans FireFox?

Leevent.keyCode ne fonctionne pas dans FireFox, mais fonctionne parfaitement dans IE. Pour obtenir lesevent.keyCode dans Firefox, vous devez utiliser lesevent.which à la place, et jQuery le recommande également. Donc, la meilleure façon devrait être

var keycode = (event.keyCode ? event.keyCode : event.which);

Essayez-le vous-même










  

jQuery keyup(), keydown() and keypress() example