Įvykis input JavaScripte
Kitas įvykis, kurį išnagrinėsime,
vadinasi input. Jis iškyla kaskart,
kai į įvesties lauką arba textarea
įvedamas naujas simbolis. Pažiūrėkime pavyzdžiu. Tarkime,
kad turime įvesties lauką:
<input id="elem">
Kaskart paspaudus klaviatūros klavišą, išveskime į konsolę dabartinį įvesties lauko turinį:
let elem = document.querySelector('#elem');
elem.addEventListener('input', function() {
console.log(this.value);
});
Duotas įvesties laukas. Tarkime, į jį įvedamas tekstas. Kai tik
teksto ilgis pasieks 5-ias,
atvaizduokite ekrane pranešimą apie tai.
Duotas įvesties laukas. Tarkime, į jį leidžiama įvesti
5 simbolius. Taip pat duotas pastraipa. Tol, kol
įvedami simboliai į įvesties lauką, išveskite, kiek simbolių
dar galima įvesti. Kai simbolių kiekis
viršys 5-ias, tai į pastraipą išveskite
tai, kiek simbolių viršytas teksto ilgis.