Метод focus

focus әдісі элементке (көбінесе инпутта) фокус орнатады. Бұл дегеніміз, осы инпутта курсор жыпылықтай бастайды және пернетақтадан енгізілетін мәтін дәл осы инпутқа түседі.

Синтаксис

элемент.focus();

Мысал

Бір батырманы басқанда инпутқа фокус орнатайық, ал екіншісін басқанда - оны алып тастайық:

<input value="text" id="input">
<input type="button" value="focus" id="focus">
<input type="button" value="blur"  id="blur">

let input = document.querySelector('#input');
let focus = document.querySelector('#focus');
let blur  = document.querySelector('#blur');

// Focus батырмасын басқанда инпутқа фокус орнатамыз:
focus.addEventListener('click', function() {
	input.focus();
});

// Blur батырмасын басқанда инпуттан фокусты алып тастаймыз:
blur.addEventListener('click', function() {
	input.blur();
});

Сондай-ақ қараңыз

blur әдісі,
оның көмегімен элементтен фокусты алып тастауға болады