Какие события отлавливают фокус

Фокус можно отловить с помощью событий focus и blur:

• focus — срабатывает при получении фокуса элементом (например, клик по инпуту или переход через Tab).
• blur — срабатывает при потере фокуса элементом.

Также есть события focusin и focusout, которые всплывают, в отличие от focus/blur.

Пример:

const input = document.querySelector('input');

input.addEventListener('focus', () => {
  console.log('Элемент получил фокус');
});

input.addEventListener('blur', () => {
  console.log('Элемент потерял фокус');
});