Метод focus

Метод focus поставља фокус на елемент (најчешће на инпуту). То значи, да ће у том инпуту почети да трепери курсор и текст који се уноси са тастатуре ће улазити управо у овај инпут.

Синтакса

javascriptelement.focus();

Пример

Хајде да кликом на једно дугме поставимо фокус на инпут, а кликом на друго - уклонимо га:

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 поставићемо фокус инпуту:
focus.addEventListener('click', function() {
  input.focus();
});

// Кликом на дугме blur уклонићемо фокус са инпута:
blur.addEventListener('click', function() {
  input.blur();
});

Результат:

Погледајте такође