Maison >interface Web >js tutoriel >Comment puis-je détecter quelle touche a été enfoncée à l'aide de l'événement Keypress de jQuery ?

Comment puis-je détecter quelle touche a été enfoncée à l'aide de l'événement Keypress de jQuery ?

Susan Sarandon
Susan Sarandonoriginal
2024-12-07 10:42:16519parcourir

How Can I Detect Which Key Was Pressed Using jQuery's Keypress Event?

Détection des pressions sur une touche avec jQuery : détermination de la touche enfoncée

En JavaScript, l'objet événement transmis à un gestionnaire d'événement fournit des informations sur l'événement, y compris la touche enfoncée. Lorsqu'un événement keypress est déclenché, ces informations peuvent être utilisées pour déterminer quelle touche a été enfoncée.

En utilisant keyCode ou which

jQuery propose deux propriétés sur l'objet événement qui peut être utilisé pour obtenir ces informations :

  • keyCode: Cette propriété contient la représentation numérique du touche enfoncée. Elle est supportée par la plupart des navigateurs.
  • qui : Cette propriété contient une représentation numérique ou un code de caractère selon le navigateur. Il est utilisé uniquement pour les caractères imprimables et n'est pas pris en charge par tous les navigateurs.

Keypress Event Handler

Pour gérer l'événement keypress et déterminer la touche enfoncée, vous pouvez lier un gestionnaire à l'événement keypress d'un élément. Par exemple :

$('#searchbox input').bind('keypress', function(e) {
  var code = e.keyCode || e.which;

  if (code === 13) {
    // Handle ENTER keypress
  }
});

Dans ce code, la propriété keyCode est vérifiée en premier, suivie de la propriété which comme solution de secours pour les navigateurs qui ne prennent pas en charge keyCode.

Différence entre keyCode et which

La différence entre keyCode et which réside principalement dans leur gestion des caractères spéciaux. keyCode renvoie généralement une valeur numérique quel que soit le caractère enfoncé, tandis que celui-ci peut renvoyer un code de caractère pour les caractères imprimables.

Cependant, il peut y avoir des variations dans le navigateur, et il est généralement recommandé de vérifier les deux propriétés et de revenir à une seule. ou l'autre selon le support disponible.

Conclusion

En utilisant le keyCode ou les propriétés passées sur l'objet événement au gestionnaire d'événements keypress, vous pouvez déterminer quelle touche a été enfoncée et déclencher des actions spécifiques en conséquence.

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn