JavaScriptda Matn Maydonlarining Fokusi
Faraz qilaylik, bizda input maydoni bor. Siz ushbu inputga bosishingiz mumkin va shundan so'ng unda kursorni miltiq chaqnab qoladi va unga matn kiritish mumkin bo'ladi.
Bunday holat haqida aytiladiki, input hozirda kiritish fokusiga ega. Amaliyotda bu shuni anglatadiki, agar klaviaturadan matn kiritishni boshlashsiz, u holda bu matn hozirda kiritish fokusiga ega bo'lgan inputga kiradi. Agar keyin inputdan tashqariga boshqa joyga bosing, u holda bu input fokusni yo'qotadi va unga matn kiritib bo'lmaydi.
Input tomonidan fokus olinishi yoki yo'qotilish momentini ushlash uchun,
JavaScriptda maxsus hodisalar mavjud: focus hodisasi
input tomonidan fokus olinishini ushlash imkonini beradi,
blur hodisasi esa - yo'qotilishini. Keling,
amaliyotda sinab ko'ramiz. Faraz qilaylik, bizda input bor:
<input id="elem" value="text">
Uni o'zgaruvchiga havola qilib olamiz:
let elem = document.querySelector('#elem');
Endi esa, fokus olinganda konsolga inputning joriy matni chiqarilishi uchun qilamiz:
elem.addEventListener('focus', function() {
console.log(elem.value);
});
Input berilgan. Fokus olinganda unga
1 raqamini yozing, fokus yo'qolganida esa -
2 raqamini yozing.
Input berilgan. Faraz qilaylik, unga raqam kiritiladi. Fokus yo'qolganida ekranga shu raqamning kvadratini chiqaring.
Input berilgan, unda dastlab ma'lum bir matn bor. Input tomonidan fokus olinganda ushbu inputning tarkibini tozalang.
