Focus van element volgen

Kayce Basques

Alexandra Klepper

Stel dat u de toegankelijkheid van de toetsenbordnavigatie op een pagina test. Wanneer u met de Tab -toets door de pagina navigeert, verdwijnt de focusring soms omdat het element met de focus verborgen is. Om het element met de focus in DevTools te volgen:

1. Open de console .

2. Klik Creëer live expressie .

   

   Lees meer in Bekijk JavaScript-waarden in realtime met Live Expressions .

3. Typ document.activeElement .

4. Klik buiten de Live Expression- interface om op te slaan.

De waarde na document.activeElement is het resultaat van de expressie. Omdat die expressie altijd het gefocuste element vertegenwoordigt, kun je bijhouden welk element de focus heeft.

• Beweeg de muis over het resultaat om het geselecteerde element in de weergave te markeren.
• Klik met de rechtermuisknop op het resultaat en selecteer 'Openen in Elementenpaneel' om het element in de DOM-structuur in het Elementenpaneel weer te geven.
• Klik met de rechtermuisknop op het resultaat en selecteer 'Opslaan als globale variabele' om een ​​variabele verwijzing naar het knooppunt te maken die u in de console kunt gebruiken.