.blur()

Снимает фокус с DOM-элемента, на котором вызван.

Время чтения: меньше 5 мин

Кратко

Скопировано

Вызов метода blur() на DOM-элементе снимает фокус с элемента. Порождает событие blur, которое можно обработать с помощью addEventListener().

Как пишется

Скопировано

Метод blur() не принимает аргументов:

        
          
          const input = document.getElementById('myInput')input.blur()
          const input = document.getElementById('myInput')

input.blur()

        
        
          
        
      

Как понять

Скопировано

Метод blur() используют чтобы программно снять фокус с элемента.

Самым распространённым применением является снятие фокуса с текущего элемента при появлении всплывающего окна, которое закрывает весь текущий интерфейс. Это необходимо, чтобы фокус с клавиатуры двигался по элементами окна, а не по элементам под ним.

На практике

Скопировано

Николай Лопин советует

Скопировано

🛠 Чаще всего нужно не просто снять фокус с элемента, а сразу переместить его на другой элемент. В этом случае лучше использовать метод focus() на целевом элементе. Фокус с текущего элемента будет снят автоматически.