Script clavier : Etude des événements liés au clavier

Affiche dans la console, l'enchaînement des événements de clavier

Partie II : L'interactivité

Edition 1 | Chapitre 11 : La programmation événementielle / Page 162

Edition 2 | Chapitre 11 : La programmation événementielle / Page 175

Edition 3 | Chapitre 11 : La programmation événementielle / Page 175

Exécution du script

Emulation de la console

Code source

<html><head>    <title>Evénements de clavier</title></head><body>    <h1>Détection des événements du clavier</h1>    <h3>Cliquez sur cette zone et tapez des touches au clavier</h3></body>    <script type="text/javascript">        window.addEventListener("keydown", kDown);        window.addEventListener("keyup", kUp);        window.addEventListener("keypress", kPress);        function kDown(evt) {          console.log("La touche ["+evt.code+"] est enfoncée");        }        function kUp(evt) {          console.log("La touche ["+evt.code+"] est relachée");        }        function kPress(evt) {          console.log("La touche ["+evt.code+"] a été tapée :");          console.log(" Valeur   = "+evt.key);          console.log(" charCode = "+evt.charCode);          console.log(" [alt]    = "+evt.altKey);          console.log(" [ctrl]   = "+evt.ctrlKey);          console.log(" [shift]  = "+evt.shiftKey);          console.log(" [meta]   = "+evt.metaKey);        }    </script></html>

Troisième édition Tout JavaScript chez Dunod

En savoir plus
Sortie le 4 janvier 2023

Version papier 29€90
Format électronique 22€99.

Commandez en ligne

Dunod Fnac Amazon

Le graph des objets JavaScript

Chargement
en cours...