Exemples détaillés d'utilisation des événements du clavier jquery

Cet article présente principalement des informations pertinentes sur la façon d'utiliser les événements du clavier jquery en détail. Il présente principalement trois méthodes telles que keydown(), keyup() et keypress(). J'espère que les amis dans le besoin pourront s'y référer. peut aider tout le monde.

Explication détaillée de la façon d'utiliser les événements du clavier jquery

jQuery a 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();

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, qui est l'événement après que vous ayez appuyé sur le clavier.

keypress()

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

L'événement clavier peut transmettre un événement 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 au nombre de 38. , 40, 37, 39 respectivement

$('input').keydown(function(event){  
    alert(event.keyCode);  
});

Si nous voulons implémenter ctrl+Entrée, il suffit de ctrl+Entrée pour soumettre le formulaire

Recommandations associées :

$(document).keypress(function(e) {  
   if (e.ctrlKey && e.which == 13)
   $("form").submit();  
}) ;

Une brève explication des événements de clavier dans js

Explication détaillée de la différence entre les événements de clavier jQuery et keypress

Introduction aux événements clavier javascript/jquery

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!