Traccia elemento attivo
Mantieni tutto organizzato con le raccolte
Salva e classifica i contenuti in base alle tue preferenze.
Supponiamo che tu stia testando l'accessibilità della navigazione da tastiera di una pagina. Quando navighi nella pagina con il tasto Tab, a volte l'anello dello stato attivo scompare perché l'elemento attivo è nascosto. Per monitorare l'elemento attivo in DevTools:
- Apri la console.
Fai clic su Crea espressione dal vivo
.
Per ulteriori informazioni, consulta la sezione Visualizzazione dei valori JavaScript in tempo reale con le espressioni live.
Digita document.activeElement
.
Per salvare, fai clic all'esterno dell'interfaccia utente di Espressione dal vivo.
Il valore visualizzato sotto document.activeElement
è il risultato dell'espressione. Poiché l'espressione rappresenta sempre l'elemento attivo, ora hai un modo per tenere sempre traccia dell'elemento attivo.
- Passa il mouse sopra il risultato per evidenziare l'elemento attivo nell'area visibile.
- Fai clic con il tasto destro del mouse sul risultato e seleziona Mostra nel riquadro Elementi per mostrare l'elemento nell'Albero
DOM nel riquadro Elementi.
- Fai clic con il pulsante destro del mouse sul risultato e seleziona Archivia come variabile globale per creare un riferimento variabile al nodo che puoi utilizzare nella console.
Salvo quando diversamente specificato, i contenuti di questa pagina sono concessi in base alla licenza Creative Commons Attribution 4.0, mentre gli esempi di codice sono concessi in base alla licenza Apache 2.0. Per ulteriori dettagli, consulta le norme del sito di Google Developers. Java è un marchio registrato di Oracle e/o delle sue consociate.
Ultimo aggiornamento 2018-12-14 UTC.
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"Mancano le informazioni di cui ho bisogno"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"Troppo complicato/troppi passaggi"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"Obsoleti"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"Problema di traduzione"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"Problema relativo a esempi/codice"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"Altra"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"Facile da capire"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"Il problema è stato risolto"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"Altra"
}]
{"lastModified": "Ultimo aggiornamento 2018-12-14 UTC."}
[[["Facile da capire","easyToUnderstand","thumb-up"],["Il problema è stato risolto","solvedMyProblem","thumb-up"],["Altra","otherUp","thumb-up"]],[["Mancano le informazioni di cui ho bisogno","missingTheInformationINeed","thumb-down"],["Troppo complicato/troppi passaggi","tooComplicatedTooManySteps","thumb-down"],["Obsoleti","outOfDate","thumb-down"],["Problema di traduzione","translationIssue","thumb-down"],["Problema relativo a esempi/codice","samplesCodeIssue","thumb-down"],["Altra","otherDown","thumb-down"]],["Ultimo aggiornamento 2018-12-14 UTC."],[],[]]