Ottenere i tasti premuti in JavaScript
Utilizzando l'oggetto Event è possibile
ottenere i tasti premuti. Vediamo
come si fa.
Supponiamo di avere un input:
<input>
Otteniamo un riferimento ad esso in una variabile:
let elem = document.querySelector('input');
Aggiungiamo al nostro input un evento, che si attiva ad ogni pressione di un tasto:
elem.addEventListener('keypress', function(event) {
});
La proprietà key dell'oggetto
dell'evento conterrà
il carattere premuto:
elem.addEventListener('keypress', function(event) {
console.log(event.key);
});
E nella proprietà code
sarà presente il codice del tasto premuto:
elem.addEventListener('keypress', function(event) {
console.log(event.code);
});
Create un input che all'inserimento visualizzi i valori dei tasti premuti e i loro codici.
Premete vari tasti nell'input e osservate quali valori e codici hanno.
Determinate quale codice avrà
il tasto Enter.
Determinate quale codice avrà
il tasto BackSpace.
Sono dati un paragrafo e un input. In esso viene inserito del testo
e viene premuto il tasto Enter. Fate
in modo che in quel momento il testo inserito
vada nel paragrafo sotto l'input,
e il contenuto dell'input venga cancellato.
