Maison >interface Web >js tutoriel >Exemple de saisie d'événement JavaScript onkeydown (une touche du clavier est enfoncée)

Exemple de saisie d'événement JavaScript onkeydown (une touche du clavier est enfoncée)

PHPzavant: 2016-05-16 16:33:492875parcourir

Cet article présente principalement l'exemple d'introduction de l'événement JavaScript onkeydown. L'événement onkeydown capture la situation lorsqu'une certaine touche du clavier est enfoncée. Les amis dans le besoin peuvent s'y référer.

Événement JavaScript onkeydown

L'événement onkeydown est déclenché lorsque l'utilisateur appuie sur une touche du clavier. Différent de l'événement onkeypress, l'événement onkeydown répond au traitement de l'appui sur n'importe quelle touche (y compris les touches de fonction), tandis que l'événement onkeypress ne répond qu'au traitement des touches de caractère enfoncées.

Conseils

Les navigateurs Internet Explorer/Chrome utilisent event.keyCode pour récupérer les caractères pressés, tandis que les navigateurs tels que Netscape/Firefox/Opera utilisent event.which .

onkeydown récupère les touches enfoncées par l'utilisateur

Ce qui suit est un exemple d'utilisation de l'événement onkeydown pour obtenir les informations sur les touches du clavier enfoncées par l'utilisateur :

<html>
<body>
<script type="text/javascript">
function noNumbers(e)
{
    var keynum;
    var keychar;
    keynum = window.event ? e.keyCode : e.which;
    keychar = String.fromCharCode(keynum);
    alert(keynum+&#39;:&#39;+keychar);
}
</script>
<input type="text" onkeydown="return noNumbers(event)" />
</body>
</html>

Comme le montre l'exemple ci-dessus, event.keyCode/event.qui récupère la valeur numérique (encodage Unicode) correspondant à une clé commune. Les valeurs de clé correspondent à ce qui suit :

数字值	实际键值
48到57	0到9
65到90	a到z（A到Z）
112到135	F1到F24
8	BackSpace（退格）
9	Tab
13	Enter（回车）
20	Caps_Lock（大写锁定）
32	Space（空格键）
37	Left（左箭头）
38	Up（上箭头）
39	Right（右箭头）
40	Down（下箭头）

Dans les applications Web, vous pouvez souvent voir Let's use event.keyCode/event.which de l'événement onkeydown pour obtenir certaines opérations au clavier de l'utilisateur afin d'exécuter des exemples d'application. Par exemple, lorsque l'utilisateur se connecte, si la touche de verrouillage des majuscules (20) est enfoncée, le verrouillage des majuscules sera demandé lorsqu'une page se tourne, si l'utilisateur appuie sur les flèches gauche et droite, une page se tourne vers le haut et vers le bas, etc. . sera déclenché.

Après avoir obtenu la valeur de codage Unicode, si vous avez besoin d'obtenir la valeur de clé correspondante réelle, vous pouvez l'obtenir via la méthode fromCharCode (String.fromCharCode()) de l'objet Srting. Notez que pour les caractères, vous obtenez toujours des caractères majuscules et que pour certaines autres touches de fonction, vous obtenez des caractères qui peuvent ne pas être faciles à lire.

PS : Nous recommandons ici un outil de requête en ligne sur les événements JS, qui résume les types d'événements et les fonctions couramment utilisés de JS

Ce qui précède représente l'intégralité du contenu de ce chapitre. Pour plus de didacticiels connexes, veuillez visiter le

Tutoriel vidéo JavaScript !

Déclaration：

Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer

Article précédent：jquery obtient la valeur radio instance_jqueryArticle suivant：jquery obtient la valeur radio instance_jquery

Articles Liés

Voir plus