追蹤元素焦點

Kayce Basques

假設您要測試網頁的鍵盤瀏覽無障礙功能。使用 Tab 鍵瀏覽頁面時，聚焦環有時會消失，因為有聚焦的元素已隱藏。如要追蹤開發人員工具中的焦點元素，請按照下列步驟操作：

1. 開啟控制台。

2. 按一下「Create Live Expression」圖示 。

   

   詳情請參閱「使用即時運算式即時監控 JavaScript 值」。

3. 請輸入 document.activeElement。

4. 按一下「Live Expression」 UI 以外的位置即可儲存。

您在 document.activeElement 下方看到的值是運算式的結果。由於該運算式一律代表聚焦的元素，因此您現在可以持續追蹤哪個元素成為焦點。

• 將滑鼠遊標懸停在結果上，即可醒目顯示可視區域中聚焦的元素。
• 在結果上按一下滑鼠右鍵，然後選取「Reveal in Elements」面板，即可在「Elements」面板的「DOM Tree」中顯示元素。
• 在結果上按一下滑鼠右鍵，然後選取「Store as 全域變數」，建立可在主控台中使用的節點變數參照。