Maison > interface Web > js tutoriel > Comment puis-je déterminer la touche enfoncée lors d'un événement jQuery Keypress ?

Comment puis-je déterminer la touche enfoncée lors d'un événement jQuery Keypress ?

Patricia Arquette
Libérer: 2024-12-09 11:07:07
original
467 Les gens l'ont consulté

How Can I Determine the Pressed Key in a jQuery Keypress Event?

Détermination de la touche enfoncée dans l'événement Keypress jQuery

Lors de la liaison à l'événement keypress dans jQuery, deux propriétés peuvent être utilisées pour identifier la touche enfoncée : keyCode et lequel.

En utilisant keyCode et which

Vous pouvez savoir quelle touche a été enfoncée à l'aide du keyCode ou which propriété de l'objet événement.

$('#searchbox input').bind('keypress', function(e) {
  var code = e.keyCode || e.which;
  if (code == 13) { //Enter keycode
    //Do something
  }
});
Copier après la connexion

Variation dans la prise en charge du navigateur

Certains navigateurs fournissent à la fois keyCode et which, tandis que d'autres ne peuvent en fournir qu'un seul. Généralement, ce qui est préféré dans les navigateurs les plus récents, tandis que keyCode est pris en charge dans les navigateurs plus anciens.

Soumission sur la touche ENTRÉE

Pour déclencher une soumission lorsque la touche ENTRÉE est enfoncée, vous pouvez utiliser le code suivant :

$('#searchbox input').bind('keypress', function(e) {
  var code = e.keyCode || e.which;
  if (code == 13) {
    $(this).closest('form').submit();
  }
});
Copier après la connexion

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!

source:php.cn
Déclaration de ce site Web
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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal