Définit toutes les propriétés dans une déclaration
L'attribut d'événement onkeydown se déclenche lorsque l'utilisateur appuyant sur une touche du clavier.
L'attribut d'événement onkeydown se déclenche lorsque l'utilisateur appuyant sur une touche du clavier.
Astuce : L'ordre des événements liés à l'événement onkeydown est :
onkeydown
OnKeyPress
OnKeyUp
Remarque : L'attribut onkeydown ne peut pas être utilisé avec les éléments : <base>,
<bdo>, <br>, <head>, <html>, <iframe>, <meta>,
<param>, <script>, <style>, ou <title>.
Syntaxe
<input onkeydown="script" />
Valeurs d'attribut
Valeur |
Description |
---|---|
script |
Le script à exécuter sur onkeydown |
Exemple : 📋 Copier le code
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Votre Titre</title> <script> function afficherResultat(event) { var x; if (window.event) { // IE8 and earlier x = event.keyCode; } else if (event.which) { // IE9/Firefox/Chrome/Opera/Safari x = event.which; } var keychar = String.fromCharCode(x); // Trouver la balise p dans le document var resultatParagraphe = document.getElementById("resultat"); // Mettre à jour le contenu de la balise p resultatParagraphe.innerHTML = "Vous avez pressé la touche " + keychar ; } </script> </head> <body> <p>La fonction afficherResultat() se déclenche lorsque l'utilisateur appuie sur une touche dans le champ de saisie. Le résultat est affiché dans la balise p ci-dessous :</p> <input type="text" onkeydown="afficherResultat(event)"> <p id="resultat" style="color: red; "></p> </body> </html>
Dans ce code, une balise <p> avec l'ID "resultat" où le résultat du script sera affiché. La fonction afficherResultat() met à jour le contenu de cette balise à chaque pression de touche.
L'attribut d'événement onkeydown est pris en charge dans tous les principaux navigateurs.
Aucune.