A change esemény a JavaScriptben
Ebben a leckében együtt megvizsgáljuk a
change eseményt, amely a beviteli mezőkben
keletkezik változásukkor. Mit is jelent ez? Tegyük fel,
hogy van egy beviteli mező, és abban van
valamilyen szöveg. Ha megváltoztatod ezt a szöveget,
akkor ebben az esetben fog bekövetkezni ez az esemény.
Nézzünk egy példát. Legyen egy beviteli mezőnk:
html<input id="elem" value="text">
Változásakor írjuk ki a konzolra az új értékét:
javascriptlet elem = document.querySelector('#elem');
elem.addEventListener('change', function() {
console.log(this.value);
});
Adott egy beviteli mező és egy bekezdés. A beviteli mező változásakor írja ki a szövegét a bekezdésbe.
Adott egy jelölőnégyzet. A jelölőnégyzet változásakor jelenítse meg a képernyőn az új állapotát.
Mesélje el, mi a különbség a blur és a change események között.
Adott egy beviteli mező. Változásakor ellenőrizze, hogy a benne lévő karakterek
száma kevesebb-e 5-nél vagy sem.
Ha kevesebb - színezze zöldre a beviteli mező szegélyét,
ha több - pirosra.