Melacak fokus elemen

Kayce Basques
Kayce Basques
Alexandra Klepper
Alexandra Klepper

Misalkan Anda sedang menguji aksesibilitas navigasi keyboard pada sebuah halaman. Saat menavigasi halaman dengan tombol Tab, ring fokus terkadang menghilang karena elemen yang memiliki fokus disembunyikan. Untuk melacak elemen yang difokuskan di DevTools:

  1. Buka Konsol.
  2. Klik Buat Ekspresi Langsung.

    Membuat Ekspresi Langsung.

    Pelajari lebih lanjut di Memantau nilai JavaScript secara real-time dengan Ekspresi Langsung.

  3. Ketik document.activeElement.

  4. Klik di luar antarmuka Ekspresi Langsung untuk menyimpan.

Nilai setelah document.activeElement adalah hasil ekspresi. Karena ekspresi tersebut selalu mewakili elemen yang difokuskan, Anda dapat melacak elemen mana yang memiliki fokus.

  • Arahkan kursor ke hasil untuk menandai elemen yang difokuskan di area tampilan.
  • Klik kanan hasil, lalu pilih Buka di panel Elemen untuk menampilkan elemen di Pohon DOM di panel Elemen.
  • Klik kanan hasil, lalu pilih Simpan sebagai variabel global untuk membuat referensi variabel ke node yang dapat Anda gunakan di Konsol.