Vajutatud klahvide hankimine JavaScriptis

Objekti Event abil saab hankida vajutatud klahve. Vaatame, kuidas seda tehakse. Olgem, et meil on sisendväli:

html<input>

Hankime sellele viitmuutujasse:

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

Seadistame oma sisendväljale sündmuse, mis käivitub iga klahvivajutuse korral:

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

Omaduses key sündmusobjektist asub vajutatud sümbol:

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

Ja omaduses code asub vajutatud klahvi kood:

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