Ottenere i tasti premuti in JavaScript

Utilizzando l'oggetto Event è possibile ottenere i tasti premuti. Vediamo come si fa. Supponiamo di avere un input:

html<input>

Otteniamo un riferimento ad esso in una variabile:

javascriptlet elem = document.querySelector('input');

Aggiungiamo al nostro input un evento, che si attiva ad ogni pressione di un tasto:

javascriptelem.addEventListener('keypress', function(event) {
  
});

La proprietà key dell'oggetto dell'evento conterrà il carattere premuto:

javascriptelem.addEventListener('keypress', function(event) {
  console.log(event.key);
});

E nella proprietà code sarà presente il codice del tasto premuto:

javascriptelem.addEventListener('keypress', function(event) {
  console.log(event.code);
});