Какие особенности работы blur

Собычно blur срабатывает после потери фокуса элементом, но есть нюансы:

1. Асинхронность: событие не срабатывает мгновенно, может быть задержка в 200-300мс (особенно на мобильных)
2. Отмена через focus: если в обработчике blur программно вернуть фокус, событие может не завершиться
3. Всплытие: как и большинство событий, blur всплывает, но не поддерживает фазу перехвата

input.addEventListener('blur', () => {
  console.log('Input lost focus');
  // Если здесь вызвать input.focus(), blur может не завершиться
});

Альтернатива — событие focusout, которое гарантированно срабатывает и поддерживает всплытие. Для точного контроля лучше использовать relatedTarget в обработчике, чтобы определить новый элемент с фокусом.