Painettujen näppäimien saaminen JavaScriptissä

Event-olion avulla voidaan saada painettuja näppäimiä. Katsotaan, kuinka se tehdään. Oletetaan, että meillä on syötekenttä:

html<input>

Saadaan viitta siihen muuttujaan:

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

Lisätään syötekenttäämme tapahtuma, joka laukeaa jokaisesta näppäimenpainalluksesta:

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

key-ominaisuudessa tapahtumaoliota on painettu merkki:

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

Ja code-ominaisuudessa on painetun näppäimen koodi:

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