Håndtering af tastetryk i JavaScript

Ved hjælp af objektet Event kan man håndtere tastetryk. Lad os se, hvordan det gøres. Lad os sige, at vi har et inputfelt:

html<input>

Lad os få en reference til det i en variabel:

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

Lad os tilføje en event til vores inputfelt, der udløses ved hvert tastetryk:

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

I egenskaben key i event-objektet vil det trykkede tegn være:

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

Og i egenskaben code vil koden for den trykte tast være:

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