Umakini wa Sehemu za Maandishi katika JavaScript

Hebu tufanye kuwa tuna kiingilio. Unaweza kubofya kiingilio hiki na baada ya hapa ndani yake itaanza kuwaka kasioni cha mwongozo na utaweza kuandika maandishi ndani yake.

Hali kama hii inasemekana, kuwa kiingilio kwa sasa kina umakini wa uingizaji. Kwa vitendo hii inamaanisha kuwa ikiwa utaanza kuandika maandishi kwa kutumia kibodi, basi maandishi hayo yataingia ndani ya kiingilio ambacho kina umakini wa uingizaji. Kisha ukibofya mahali popote nje ya kiingilio, basi kiingilio hicho kitapoteza umakini wa uingizaji na hautaweza tena kuandika maandishi ndani yake.

Ili kuweza kukamata wakati wa kupata au kupoteza umakini na kiingilio, katika JavaScript kuna matukio maalum yaliyopangwa: Tukio focus huwezesha kukamata kupata umakini na kiingilio, na tukio blur - kupoteza. Hebu tujaribu kwa vitendo. Hebu tufanye kuwa tuna kiingilio:

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

Tutaipata kiunganishi kwake kwenye kutofautisha:

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

Na sasa tufanye ili wakati wa kupata umakini kwenye konsoli itachapishwa maandishi ya sasa ya kiingilio:

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

Kiingilio kimetolewa. Wakati wa kupata umakini andika ndani yake nambari 1, na wakati wa kupoteza umakini - nambari 2.

Kiingilio kimetolewa. Hebu ndani yake iingizwe nambari. Wakati wa kupoteza umakini onyesha kwenye skrini mraba wa nambari hii.

Kiingilio kimetolewa, ambacho awali kuna maandishi fulani. Wakati wa kupata umakini na kiingilio futa yaliyomo kwenye kiingilio hiki.