Отслеживание фокуса элемента

Kayce Basques

Alexandra Klepper

Предположим, вы тестируете доступность навигации по странице с помощью клавиатуры. При навигации по странице с помощью клавиши Tab кольцо фокусировки иногда исчезает, потому что элемент, находящийся в фокусе, скрыт. Чтобы отслеживать элемент, находящийся в фокусе, в инструментах разработчика:

1. Откройте консоль .

2. Нажмите Создать выражение в реальном времени .

   

   Подробнее об этом можно узнать в разделе «Отслеживание значений JavaScript в реальном времени с помощью выражений в реальном времени» .

3. Введите document.activeElement .

4. Для сохранения щелкните за пределами интерфейса Live Expression .

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

• Наведите курсор на результат, чтобы выделить выделенный элемент в области просмотра.
• Щелкните правой кнопкой мыши по результату и выберите «Открыть в панели Elements» , чтобы отобразить элемент в дереве DOM на панели Elements .
• Щелкните правой кнопкой мыши по результату и выберите «Сохранить как глобальную переменную» , чтобы создать ссылку на узел в виде переменной, которую можно использовать в консоли .