Как отловить что фокус потерян

Для отслеживания потери фокуса можно использовать событие blur. Оно срабатывает, когда элемент теряет фокус.

Пример с обработчиком на инпуте:

const input = document.querySelector('input');
input.addEventListener('blur', () => {
  console.log('Input потерял фокус');
});

Для динамически создаваемых элементов лучше использовать делегирование событий:

document.addEventListener('blur', (e) => {
  if (e.target.matches('input')) {
    console.log('Какой-то инпут потерял фокус');
  }
}, true); // Обратите внимание на третий параметр true (фаза захвата)

Важные моменты:

• Событие blur не всплывает, поэтому для делегирования нужна фаза захвата
• Альтернатива - использовать focusout, которое всплывает
• Для форм полезно проверять document.activeElement