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

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

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

1. Откройте Консоль .
2. Нажмите «Создать живое выражение». .
   
   Для получения дополнительной информации см. раздел Отслеживание значений JavaScript в реальном времени с помощью Live Expressions .
3. Введите document.activeElement .
4. Для сохранения щелкните за пределами пользовательского интерфейса Live Expression .

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

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

Если не указано иное, контент на этой странице предоставляется по лицензии Creative Commons "С указанием авторства 4.0", а примеры кода – по лицензии Apache 2.0. Подробнее об этом написано в правилах сайта. Java – это зарегистрированный товарный знак корпорации Oracle и ее аффилированных лиц.

Последнее обновление: 2018-12-14 UTC.