Obtention des touches pressées en JavaScript
Avec l'objet Event, il est possible
d'obtenir les touches pressées. Regardons
comment cela se fait.
Supposons que nous ayons un input :
html<input>
Obtenons une référence vers celui-ci dans une variable :
javascriptlet elem = document.querySelector('input');
Attachons à notre input un événement qui se déclenche à chaque pression de touche :
javascriptelem.addEventListener('keypress', function(event) {
});
Dans la propriété key de l'objet
d'événement se trouvera
le symbole pressé :
javascriptelem.addEventListener('keypress', function(event) {
console.log(event.key);
});
Et dans la propriété code
se trouvera le code de la touche pressée :
javascriptelem.addEventListener('keypress', function(event) {
console.log(event.code);
});
Créez un input qui, lors de la saisie, affichera les valeurs des touches enfoncées et leurs codes.
Appuyez sur diverses touches dans l'input et observez quelles sont leurs valeurs et leurs codes.
Déterminez quel code aura
la touche Enter.
Déterminez quel code aura
la touche BackSpace.
Étant donné un paragraphe et un input. Du texte est saisi
dans celui-ci et la touche Enter est pressée. Faites en
sorte qu'à ce moment le texte saisi
apparaisse dans le paragraphe sous l'input,
et que le contenu de l'input soit effacé.