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