Retourner à la page d'accueil de TJS

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é / Chapitre 11 : La programmation événementielle / Page 162

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>

Mon nouveau livre Tout JavaScript chez Dunod

Tout JavaScript le livre chez DunodEn savoir plus
Sortie le 6 février 2019

Version papier à 29€90
Format électronique à 21€90.

Commandez en ligne Dunod  Fnac  Amazon

Chercher une fonction, un objet, ...

Le graph des objets JavaScript



Chargement
en cours...
Le 24/10/2019 06:06:38 sur php7 en 41.49 ms