Método blur

O método blur remove o foco de um elemento.

Sintaxe

javascriptelemento.blur();

Exemplo

Vamos ao clicar em um botão definir o foco no input, e ao clicar em outro - remover ele:

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');

// 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