JavaScript-те focus және blur әдістері

Сіз енгізу фокусының не екенін білесіз. Сіз сонымен қатар фокусты қалай орнатуға және жоғалтуға болатынын білесіз: орнату үшін енгізу өрісінә басу керек, ал жоғалту үшін - басқа жерге басу керек.

Алайда, JavaScript-те енгізуге фокусты мәжбүрлеп орнатуға немесе оны алып тастауға мүмкіндік беретін арнайы әдістер бар. Бұл focus және blur әдістері.

Олардың жұмысын мысалмен қарастырайық. Бізде мына енгізу өрісі және батырма бар делік:

html<input id="elem" value="text">
<input type="submit" id="button">

Батырманы басқанда енгізу фокусын біздің енгізу өрісіне орнатайық:

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

button.addEventListener('click', function() {
  elem.focus();
});
Задание 1

Екі енгізу өрісі берілген. Екі таңба енгізгеннен кейін енгізу фокусы екінші енгізу өрісіне өтетіндей етіп жасаңыз, ал осы енгізу өрісінә екі таңба енгізгеннен кейін - фокус одан алынып тасталсын.