Как узнать что есть фокус

Для проверки наличия фокуса на элементе можно использовать document.activeElement. Он возвращает элемент, который в данный момент имеет фокус.

Пример:

const focusedElement = document.activeElement;
console.log('Фокус на:', focusedElement);

Также можно подписаться на события focus и blur:

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

Для проверки фокуса внутри элемента (например, для кастомных компонентов) можно использовать element.contains(document.activeElement).