Maison > interface Web > js tutoriel > Comment utiliser les événements de clavier dans jquery

Comment utiliser les événements de clavier dans jquery

php中世界最好的语言
Libérer: 2018-04-19 14:44:13
original
1750 Les gens l'ont consulté

Cette fois, je vais vous montrer comment utiliser les événements du clavier dans jquery, et quelles sont les précautions pour utiliser les événements du clavier dans jquery ? Ce qui suit est un cas pratique, jetons-y un œil.

jQuery dispose de trois fonctions pour gérer les événements du clavier. Selon l'ordre dans lequel les événements se produisent, ils sont :

. code jquery :

1. keydown();
2. keyup();
3.

keydown()

L'événement keydown sera déclenché lorsque le clavier est enfoncé. Vous pouvez renvoyer false dans la fonction liée pour empêcher le déclenchement de l'événement par défaut du navigateur

.

keyup()

L'événement keyup sera déclenché lorsque la touche est relâchée, ce qui correspond à l'événement après avoir appuyé sur le clavier et vous être levé

.

appui sur une touche()

L'événement keypress est déclenché lorsqu'une touche est enfoncée. Nous pouvons le comprendre comme appuyer et soulever la même touche

. Les événements de clavier peuvent transmettre un événement de paramètre. En fait, certaines fonctions d'événement jQuery peuvent transmettre un tel paramètre :

. code jquery :

Dans le code ci-dessus, event.keyCode peut nous aider à obtenir la touche sur laquelle nous avons appuyé. Il renvoie le code ascii, tel que les touches haut, bas, gauche et droite, qui sont respectivement 38, 40, 37, 39
$('input').keydown(function(event){  
    alert(event.keyCode);  
});
Copier après la connexion
Si nous voulons implémenter ctrl+Entrée, c'est ctrl+Entrée pour soumettre le formulaire

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez faire attention. vers d'autres articles connexes sur le site Web PHP chinois !

$(document).keypress(function(e) {  
   if (e.ctrlKey && e.which == 13)
   $("form").submit();  
}) ;
Copier après la connexion
Lecture recommandé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!

Étiquettes associées:
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal