Získání stisknutých kláves v JavaScriptu

Pomocí objektu Event lze získat stisknuté klávesy. Podívejme se, jak se to dělá. Předpokládejme, že máme vstupní pole:

html<input>

Získáme na něj odkaz do proměnné:

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

Připojíme k našemu vstupnímu poli událost, která se spustí při každém stisknutí klávesy:

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

Ve vlastnosti key objektu s událostí bude stisknutý znak:

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

A ve vlastnosti code bude ležet kód stisknuté klávesy:

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