Maison > interface Web > js tutoriel > Explication détaillée de l'utilisation de l'événement jquery keydown

Explication détaillée de l'utilisation de l'événement jquery keydown

黄舟
Libérer: 2017-06-27 13:31:13
original
1505 Les gens l'ont consulté

jqueryClavierIntroduction à l'événement, les amis qui utilisent jquery peuvent s'y référer.

1. La première chose que vous devez savoir est :
1. keydown()
L'événement keydown sera déclenché lorsque le clavier est enfoncé. . keyup()
L'événement keyup sera déclenché lorsque la touche est relâchée, c'est-à-dire l'événement après que vous avez appuyé et soulevé le clavier
3. La touche est enfoncée. Nous pouvons comprendre cela comme appuyer et soulever. Appuyez sur la même touche


2. Obtenez le code ascII correspondant sur le clavier :

<.>$tips : Dans l'exemple ci-dessus, event.keyCode suffit. Aidez-nous à obtenir les touches sur lesquelles nous avons appuyé sur le clavier. Ce qu'il renvoie est le code ASCII, tel que les touches haut, bas, gauche et droite, qui sont 38, 40, 37, 39 respectivement;

$(
document
).keydown(function(event){ 
alert(event.keyCode); 
});
Copier après la connexion

3. Exemple (En appuyant sur les touches gauche et droite du clavier)

Le code est le suivant :

4. CONSEILS :
$(document).keydown(function(event){ 
//判断当event.keyCode 为37时(即左方面键),执行
函数
to_left(); 
//判断当event.keyCode 为39时(即右方面键),执行函数to_
right
(); 
if(event.keyCode == 37){ 
to_left(); 
}else if (event.keyCode == 39){ 
to_right(); 
} 
});
Copier après la connexion
Cet exemple est souvent utilisé en électronique lors de la navigation dans l'album. . .

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