Zdarzenie input w JavaScript
Następne zdarzenie, które poznamy,
nazywa się input. Występuje ono za każdym
razem, gdy wprowadzany jest nowy znak do pola input lub
textarea. Spójrzmy na przykład. Niech
mamy pole input:
<input id="elem">
Przy każdym naciśnięciu klawisza na klawiaturze wypiszmy w konsoli aktualną zawartość pola input:
let elem = document.querySelector('#elem');
elem.addEventListener('input', function() {
console.log(this.value);
});
Dane jest pole input. Niech będzie do niego wprowadzany tekst. Gdy tylko
długość tekstu osiągnie 5,
wyświetl na ekranie komunikat o tym.
Dane jest pole input. Niech będzie dozwolone wprowadzenie do niego
5 znaków. Dana jest również sekcja. W miarę
wprowadzania znaków do pola input pisz, ile jeszcze
znaków można wprowadzić. Gdy liczba znaków
przekroczy 5, to w sekcji wypisz
wartość, o ile znaków przekroczono długość tekstu.
