Método blur
O método blur remove o foco de um elemento.
Sintaxe
elemento.blur();
Exemplo
Vamos ao clicar em um botão definir o foco no input, e ao clicar em outro - remover ele:
<input value="text" 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
focus,
com o qual você pode definir o foco em um elemento
