Метод focus

Метод focus установява фокус върху елемент (най-често върху input поле). Това означава, че в това input поле ще започне да мига курсорът и въведеният от клавиатурата текст ще попадне точно в това input поле.

Синтаксис

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

Пример

При кликване на един бутон ще установим фокус върху input полето, а при кликване на друг - ще го премахнем:

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

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

// При кликване върху бутона focus ще установим фокус върху input полето:
focus.addEventListener('click', function() {
  input.focus();
});

// При кликване върху бутона blur ще премахнем фокуса от input полето:
blur.addEventListener('click', function() {
  input.blur();
});

Результат:

Вижте също