Comment puis-je détecter de manière fiable les pressions sur les touches, y compris la touche Entrée, dans jQuery ?

Comprendre l'événement Keypress dans jQuery

Lors de la liaison à l'événement keypress dans jQuery, il est essentiel de déterminer quelle touche a été enfoncée. Cette connaissance vous permet d'effectuer des actions spécifiques en fonction de la frappe.

Accès aux informations sur la pression sur une touche

En JavaScript, l'événement keypress fournit deux propriétés qui contiennent des informations sur la touche enfoncée. :

• keyCode: Une valeur numérique représentant l'emplacement de la clé sur le clavier.
• qui : Une valeur numérique représentant le code de caractère Unicode de la touche.

Par exemple, lorsque la touche "ENTRÉE" est enfoncée, le La propriété keyCode renvoie généralement 13, tandis que la propriété which renvoie 13 pour les clés non Unicode et le code de caractère Unicode pour Unicode. clés.

Sélection de la propriété la plus appropriée

Si vous souhaitez uniquement détecter la touche "ENTRÉE", qui ne déclenche jamais de clé Unicode, vous pouvez utiliser soit le keyCode ou quelle propriété. Cependant, si vous avez l'intention de gérer également les clés Unicode, il est recommandé d'utiliser la propriété which.

Variations du navigateur

Différents navigateurs peuvent utiliser différentes propriétés pour la détection des clés. Alors que la plupart des navigateurs modernes prennent en charge à la fois keyCode et which, les navigateurs plus anciens peuvent ne prendre en charge qu'une seule propriété ou l'autre.

Pour garantir la compatibilité entre les navigateurs, envisagez d'utiliser les deux propriétés dans votre gestionnaire de touches :

var code = e.keyCode || e.which;
if (code == 13) { // ENTER keycode
  // Perform action
}

Cette approche vérifie les deux propriétés et attribue la valeur non nulle à la variable de code. En comparant le code au code de la touche "ENTER" (13), vous pouvez déterminer efficacement quand la touche "ENTER" est enfoncée.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!