Tukio la Change katika JavaScript

Katika somo hili wewe na mimi tutachambua tukio la change, linalotokea kwenye sehemu za uingizaji wakati zinabadilika. Hii inamaanisha nini? Hebu tuseme, kwa mfano, una uingizaji na kuna maandishi fulani ndani. Ukibadilisha maandishi hayo, basini ndipo tutakapopata tukio hili.

Hebu tuangalie kwa mfano. Hebu tuseme tuna uingizaji:

<input id="elem" value="text">

Hebu tukibadilika tuweke thamani yake mpya kwenye koni:

let elem = document.querySelector('#elem');

elem.addEventListener('change', function() {
	console.log(this.value);
});

Kuna uingizaji na aya. Wakati uingizaji unabadilika, weka maandishi yake kwenye aya.

Kuna kisanduku cha teua. Wakati kisanduku cha teua kinabadilika, weka hali yake mpya kwenye skrini.

Elezea, tofauti kati ya matukio blur na change iko wapi.

Kuna uingizaji. Wakati unabadilika, angalia idadi ya herufi ndani yake iko chini ya 5 au la. Kama ni chini - rangi mipaka ya uingizaji kwa rangi ya kijani, na kama ni zaidi - kwa nyekundu.