​​**Отладка фокуса в браузере

**В последние несколько месяцев у меня было несколько задач связанных с отладкой фокуса, в одних случаях он пропадал неизвестно куда, в других появлялся неизвестно откуда.

Получить текущий активный элемент, или проще говоря — элемент в фокусе, достаточно просто — document.activeElement. С помощью следующей нехитрой конструкции мы сможем логировать элемент, который получает фокус:

document.addEventListener('focusin', () => { console.log('focused: ', document.activeElement); }, true);*

*Другим способом является использование фичи Developer Tools - Live Expressions.

Мне больше нравится первый вариант, так как в консоли остаётся вся цепочка элементов, которые были в фокусе.

**Ещё по теме: **1. Console logging the focused element as it changes 2. Track Which Element Has Focus 3. Псевдо-класс :focus