Метод focus

Методот focus го поставува фокусот на елемент (најчесто на input). Ова значи дека во овој input ќе почне да трепка курсорот и текстот внесуван од тастатурата ќе се појавува токму во овој input.

Синтакса

javascriptelement.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();
});

Результат:

Погледнете ги исто така