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:

<input>

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

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

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

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

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

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

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

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

Skapa en input som vid inmatning skriver ut värdena på de inmatade tangenterna och deras koder.

Tryck på olika tangenter i input och se vilka värden och koder de har.

Bestäm vilken kod tangenten Enter kommer att ha.

Bestäm vilken kod tangenten BackSpace kommer att ha.

Det finns ett stycke och en input. Text matas in i den och tangenten Enter trycks ned. Gör så att vid det ögonblicket hamnar den inmatade texten i stycket under inputen, och innehållet i inputen rensas.