Change-hendelse i JavaScript
I denne leksjonen skal vi se på
change-hendelsen, som oppstår i inndatafelt
når de endres. Hva betyr det? La oss si
for eksempel at du har et input-felt med
en tekst. Hvis du endrer denne teksten,
vil denne hendelsen oppstå.
La oss se på et eksempel. La oss si at vi har et input-felt:
html<input id="elem" value="text">
La oss skrive ut den nye verdien i konsollen når den endres:
javascriptlet elem = document.querySelector('#elem');
elem.addEventListener('change', function() {
console.log(this.value);
});
Det er gitt et input-felt og et avsnitt. Ved endring av input-feltet skal du skrive teksten til avsnittet.
Det er gitt en avkrysningsboks. Ved endring av avkrysningsboksen skal du vise dens nye tilstand på skjermen.
Forkjel forskjellen mellom hendelsene blur og change.
Det er gitt et input-felt. Ved endring skal du sjekke om antall
tegn i den er mindre enn 5 eller ikke.
Hvis det er mindre - farg sett rammen til input-feltet i
grønn farge, og hvis mer - i rød.