Toetsaanslagen verkrijgen in JavaScript

Met het object Event kunnen we toetsaanslagen verkrijgen. Laten we bekijken hoe dat wordt gedaan. Stel dat we een invoerveld hebben:

<input>

Laten we een referentie eraan in een variabele krijgen:

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

Laten we een gebeurtenis aan ons invoerveld toevoegen, die wordt geactiveerd bij elke toetsaanslag:

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

In de eigenschap key van het object met de gebeurtenis zal de ingedrukte toets staan:

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

En in de eigenschap code zal de code van de ingedrukte toets staan:

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

Maak een invoerveld dat bij invoer de waarden van de ingedrukte toetsen en hun codes weergeeft.

Druk in het invoerveld op verschillende toetsen en bekijk welke waarden en codes ze hebben.

Bepaal welke code de toets Enter heeft.

Bepaal welke code de toets BackSpace heeft.

Er is een paragraaf en een invoerveld. Er wordt tekst ingevoerd en de toets Enter wordt ingedrukt. Zorg ervoor dat op dat moment de ingevoerde tekst in de paragraaf onder het invoerveld verschijnt, en de inhoud van het invoerveld wordt gewist.