Input-event i JavaScript
Det næste event, vi skal studere,
hedder input. Det opstår hver
gang et nyt symbol indtastes i et inputfelt eller
textarea. Lad os se på et eksempel. Antag
at vi har et inputfelt:
<input id="elem">
Lad os ved hvert tastetryk på tastaturet udskrive den aktuelle indhold af inputfeltet i konsollen:
let elem = document.querySelector('#elem');
elem.addEventListener('input', function() {
console.log(this.value);
});
Der er givet et inputfelt. Lad tekst blive indtastet i det. Så snart
længden af teksten når 5,
udskriv en besked om dette på skærmen.
Der er givet et inputfelt. Det er kun tilladt at indtaste
5 symboler i det. Der er også givet et afsnit. Efterhånden
som symboler indtastes i inputfeltet, skriv hvor mange
flere symboler der kan indtastes. Når antallet af symboler
overstiger 5, så udskriv i afsnittet
hvor mange symboler længden af teksten er overskredet med.