Evento input in JavaScript
Il prossimo evento che studieremo
si chiama input. Si verifica ogni
volta che un nuovo carattere viene inserito in un input o
textarea. Vediamo un esempio. Supponiamo
di avere un input:
html<input id="elem">
Ad ogni pressione di un tasto sulla tastiera stampiamo nel console il contenuto corrente dell'input:
javascriptlet elem = document.querySelector('#elem');
elem.addEventListener('input', function() {
console.log(this.value);
});
È dato un input. Vi viene inserito del testo. Non appena
la lunghezza del testo raggiunge 5
caratteri, visualizza un messaggio a riguardo.
È dato un input. È permesso inserirvi
5 caratteri. È dato anche un paragrafo. Man mano
che i caratteri vengono inseriti nell'input, scrivi quanti caratteri
possono ancora essere inseriti. Quando il numero di caratteri
supera 5, nel paragrafo visualizza
di quanti caratteri è stata superata la lunghezza del testo.