Dogodek change v JavaScript
V tej lekciji bomo z vami razpravljali o dogodku
change, ki se pojavi v vnosnih poljih
ob njihovih spremembah. Kaj to pomeni? Recimo,
na primer, da imate vnosno polje in v njem je
nek besedilo. Če to besedilo spremenite,
bo v tem primeru nastal ta dogodek.
Poglejmo si na primeru. Imejmo vnosno polje:
html<input id="elem" value="text">
Ob njegovi spremembi izpišimo v konzolo njegovo novo vrednost:
javascriptlet elem = document.querySelector('#elem');
elem.addEventListener('change', function() {
console.log(this.value);
});
Podano je vnosno polje in odstavek. Ob spremembi vnosnega polja izpišite njegovo besedilo v odstavek.
Podan je potrditveni polje. Ob spremembi potrditvenega polja izpišite na zaslon njegovo novo stanje.
Povejte, v čem je razlika med dogodkoma blur in change.
Podano je vnosno polje. Ob njegovi spremembi preverite, ali je število
znakov v njem manjše od 5 ali ne.
Če je manj - obrobje vnosnega polja pobarvajte v
zeleno barvo, če je več - v rdečo.