Pobieranie naciśniętych klawiszy w JavaScript

Za pomocą obiektu Event można pobierać naciśnięte klawisze. Spójrzmy, jak to się robi. Załóżmy, że mamy input:

html<input>

Pobierzmy referencję do niego do zmiennej:

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

Nałóżmy na nasz input zdarzenie, wyzwalane przy każdym naciśnięciu klawisza:

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

We właściwości key obiektu ze zdarzeniem będzie znajdować się naciśnięty symbol:

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

A we właściwości code będzie znajdować się kod naciśniętego klawisza:

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