Обработчики событий фокуса и потери фокуса в HTML и JavaScript

Доступно в Baseline в статусе «Widely Available» с 2018-01-29

События фокуса (focus) и потери фокуса (blur) происходят, когда пользователь взаимодействует с элементом формы или другим интерактивным элементом. Они полезны для управления акцентом, валидации или изменения интерфейса при входе или выходе из элемента.

<input type="text" id="myInput" placeholder="Введите текст">
<script>
  const input = document.getElementById('myInput');
  input.addEventListener('focus', () => {
    console.log('Поле получило фокус');
  });
  input.addEventListener('blur', () => {
    console.log('Поле потеряло фокус');
  });
</script>

Больше обзоров веб-функций — в телеграм-канале HTML Academy.

Нашли ошибку или опечатку? Напишите нам.