Método focus

O método focus define o foco em um elemento (mais comumente em um input). Isso significa que o cursor começará a piscar neste input e o texto digitado no teclado irá para exatamente este input.

Sintaxe

javascriptelemento.focus();

Exemplo

Vamos definir o foco em um input ao clicar em um botão, e ao clicar em outro - removê-lo:

html<input value="texto" 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');

// Ao clicar no botão focus, definimos o foco no input:
focus.addEventListener('click', function() {
  input.focus();
});

// Ao clicar no botão blur, removemos o foco do input:
blur.addEventListener('click', function() {
  input.blur();
});

Результат:

Veja também