229 of 264 menu

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

elemento.focus();

Exemplo

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

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

  • método blur,
    com o qual você pode remover o foco de um elemento
bnrotrptka