Maison >interface Web >tutoriel HTML >attribut d'événement HTML onkeydown déclenché lorsque l'utilisateur appuie sur une touche

attribut d'événement HTML onkeydown déclenché lorsque l'utilisateur appuie sur une touche

黄舟
黄舟original
2017-11-06 09:32:482842parcourir

Instance

Exécuter un morceau de JavaScript lorsque l'utilisateur appuie sur une touche :

<input type="text" onkeydown="displayResult()">

Prise en charge du navigateur


IE

Firefox

Chrome

Safari

Opera


Tous les principaux Les navigateurs prennent en charge l'attribut onkeydown.

Définition et utilisation

L'attribut onkeydown est déclenché lorsque l'utilisateur appuie sur une touche (du clavier).

Astuce : Ordre des événements par rapport à l'événement onkeydown  :

onkeydown onkeypress onkeyup

Commentaire : L'attribut onkeydown ne s'applique pas aux éléments suivants : dde6fb694e6711ae5e6f381704c04ae4, 71af07a0e88a1ac1ff73f855702ac153, 0c6dc11e160d3b678d68754cc175188a, 93f0f5c25f18dab9d176bd4f6de5d30e, 100db36a723c770d327fc0aef2ce13b1, d5ba1642137c3f32f4f4493ae923989c, e8e496c15ba93d81f6ea4fe5f55a2244, 0c68fef83818661b6da588c77ca3985e, 3f1c4e4b6b16bbbd69b2ee476dc4f83a, c9ccee2e6ea535a969eb3f532ad9fe89 ou 6ba3f8c8f29e6c859231c29a49d1ef72.

Différences entre HTML 4.01 et HTML5

Aucune.

Syntaxe

<element onkeydown="script">

Valeur de l'attribut

valeur

script onkeydown 发生时运行的脚本。
script Script à exécuter lorsque onkeydown se produit.

onkeydown obtient 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>


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!

Déclaration:
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