追蹤元素焦點

Kayce Basques

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

1. 開啟控制台。

2. 按一下「建立直播表情符號」圖示 。

   

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

3. 輸入 document.activeElement。

4. 按一下「Live Expression」使用者介面外側即可儲存。

document.activeElement 下方的值是表式的結果。由於該運算式一律會代表已聚焦的元素，因此您現在可以隨時追蹤哪個元素已聚焦。

• 將滑鼠游標懸停在結果上，即可在檢視區中醒目顯示焦點元素。
• 在結果上按一下滑鼠右鍵，然後選取「在『元素』面板中顯示」，即可在「元素」面板的「DOM 樹狀圖」中顯示元素。
• 在結果上按一下滑鼠右鍵，然後選取「儲存為全域變數」，即可建立可在控制台中使用的節點變數參照。