В последние несколько месяцев у меня было несколько задач связанных с отладкой фокуса, в одних случаях он пропадал неизвестно куда, в других появлялся неизвестно откуда.
Получить текущий активный элемент, или проще говоря — элемент в фокусе, достаточно просто — document.activeElement. С помощью следующей нехитрой конструкции мы сможем логировать элемент, который получает фокус:
document.addEventListener('focusin', () => {
console.log('focused: ', document.activeElement);
}, true);
Другим способом является использование фичи Developer Tools - Live Expressions.
Мне больше нравится первый вариант, так как в консоли остаётся вся цепочка элементов, которые были в фокусе.
Ещё по теме: