Peristiwa change dalam JavaScript
Dalam pelajaran ini, kita akan membahas peristiwa
change, yang terjadi pada medan input
apabila terdapat perubahan. Apa maksudnya? Katakanlah,
sebagai contoh, anda mempunyai satu input dan terdapat
sesuatu teks di dalamnya. Jika anda menukar teks tersebut,
maka dalam keadaan ini, peristiwa ini akan terpicu.
Mari kita lihat contoh. Katakan kita mempunyai satu input:
html<input id="elem" value="text">
Mari kita paparkan nilai barunya dalam konsol apabila ia berubah:
javascriptlet elem = document.querySelector('#elem');
elem.addEventListener('change', function() {
console.log(this.value);
});
Diberikan satu input dan satu perenggan. Apabila input berubah, paparkan teksnya dalam perenggan.
Diberikan satu kotak semak. Apabila kotak semak berubah, paparkan keadaannya yang baru pada skrin.
Terangkan, apakah perbezaan antara peristiwa blur dan change.
Diberikan satu input. Apabila ia berubah, periksa sama ada bilangan
aksara di dalamnya kurang daripada 5 atau tidak.
Jika kurang - warnakan sempadan input dengan warna
hijau, dan jika lebih - dengan warna merah.