JavaScript'теги текст талаасынын фокусу
Бизде input болсун. Сиз бул input'ту баса аласыз жана андан кийин анын ичинде курсор-таякча жаркырап, ага текст киргизүүгө болот.
Мындай абал үчүн input азыр киргизүү фокусуна ээ деп айтылат. Практикада бул төмөнкүлөрдү билдирет: эгер клавиатурадан текст киргизүүнү баштасак, анда ал текст азыркы учурда фокуска ээ болгон input'ко түшөт. Эгер кийин input'тан тышкары жерге чыкылдасак, анда бул input фокусун жоготот жана ага текст киргизүүгө болбойт.
input'тун фокус алуу же жоготуу моментин кармоо үчүн,
JavaScript'те атайын окуялар (events) каралган:
focus окуясы
input'тун фокус алуусун кармоого мүмкүндүк берет,
ал эми blur окуясы - фокус жоготууну. Практикада көрөлү.
Бизде мындай input болсун:
<input id="elem" value="text">
Аны өзгөрмөгө шилтеме катары алалы:
let elem = document.querySelector('#elem');
Эми input фокус алганда, консолго input'тун учурдагы тексти чыгаралы:
elem.addEventListener('focus', function() {
console.log(elem.value);
});
Берилген input. Фокус алганда, ага
1 санын жазыңыз, ал эми фокус жоготкондо -
2 санын.
Берилген input. Ага сан киргизилсин. Фокус жоготкондо, экранга бул сандын квадратын чыгарыңыз.
Берилген input, анын ичинде башында эле кандайдыр бир текст бар. Input фокус алганда, анын ичиндеги мазмунду тазалаңыз.
