Input-händelsen i JavaScript
Nästa händelse som vi ska studera
kallas input. Den inträffar varje
gång ett nytt tecken skrivs in i ett inputfält eller
textarea. Låt oss titta på ett exempel. Antag
att vi har ett inputfält:
<input id="elem">
Låt oss för varje tangenttryckning skriva ut det aktuella innehållet i inputfältet till konsolen:
let elem = document.querySelector('#elem');
elem.addEventListener('input', function() {
console.log(this.value);
});
Ett inputfält är givet. Låt text skrivas in i det. Så snart
textlängden når 5 tecken,
skriv ut ett meddelande om detta på skärmen.
Ett inputfält är givet. Låt det vara tillåtet att skriva in
5 tecken i det. En paragraf är också given. Allteftersom
tecken skrivs in i inputfältet, skriv ut hur många fler
tecken som kan skrivas in. När antalet tecken
överskrider 5, skriv i paragrafen
med hur många tecken textlängden är överskriden.