Метад 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,
з дапамогай якога можна зняць фокус на элементе