Метод blur

Методът blur сваля фокуса от елемент.

Синтаксис

javascriptelement.blur();

Пример

Нека при кликване на един бутон да поставим фокус на input полето, а при кликване на друг - да го премахнем:

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

// При кликване на бутона focus поставяме фокус на input полето:
focus.addEventListener('click', function() {
  input.focus();
});

// При кликване на бутона blur сваляме фокуса от input полето:
blur.addEventListener('click', function() {
  input.blur();
});

Результат:

Вижте също

  • метод focus,
    с помощта на който можете да поставите фокус на елемент