Att få tryckta tangenter i JavaScript

Med hjälp av objektet Event kan man få tryckta tangenter. Låt oss se hur det görs. Låt oss säga att vi har en input:

html<input>

Låt oss få en referens till den i en variabel:

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

Låt oss lägga till en händelse på vår input som triggas vid varje tangenttryckning:

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

I egenskapen key i objektet med händelsen kommer det att finnas den tryckta symbolen:

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

Och i egenskapen code kommer den tryckta tangentens kod att finnas:

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