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:
html<input>
Laten we een referentie eraan in een variabele krijgen:
javascriptlet elem = document.querySelector('input');
Laten we een gebeurtenis aan ons invoerveld toevoegen, die wordt geactiveerd bij elke toetsaanslag:
javascriptelem.addEventListener('keypress', function(event) {
});
In de eigenschap key van het object
met de gebeurtenis zal de
ingedrukte toets staan:
javascriptelem.addEventListener('keypress', function(event) {
console.log(event.key);
});
En in de eigenschap code zal
de code van de ingedrukte toets staan:
javascriptelem.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.