Melacak fokus elemen
bookmark_borderbookmark
Tetap teratur dengan koleksi
Simpan dan kategorikan konten berdasarkan preferensi Anda.
Misalkan Anda sedang menguji aksesibilitas navigasi keyboard halaman. Saat menavigasi
halaman dengan tombol Tab, cincin fokus terkadang menghilang karena elemen yang memiliki
fokus disembunyikan. Untuk melacak elemen yang difokuskan di DevTools:
- Buka Konsol.
Klik Buat Ekspresi Live
.
![Membuat Ekspresi Live.](https://developer.chrome.com/static/docs/devtools/accessibility/focus/image/creating-live-expression-718a18e25e5d3.png?authuser=8&hl=id)
Untuk mengetahui informasi selengkapnya, lihat Memantau nilai JavaScript secara real time dengan Ekspresi Live.
Ketik document.activeElement
.
Klik di luar UI Ekspresi Live untuk menyimpan.
Nilai yang Anda lihat di bawah document.activeElement
adalah hasil ekspresi. Karena
ekspresi tersebut selalu mewakili elemen yang difokuskan, kini Anda memiliki cara untuk selalu melacak elemen
mana yang memiliki fokus.
- Arahkan kursor ke hasil untuk menandai elemen yang difokuskan di area tampilan.
- Klik kanan hasilnya, lalu pilih Tampilkan di panel Elemen untuk menampilkan elemen di DOM
Tree pada panel Elements.
- Klik kanan hasilnya, lalu pilih Simpan sebagai variabel global untuk membuat referensi variabel ke node yang dapat Anda gunakan di Konsol.
Kecuali dinyatakan lain, konten di halaman ini dilisensikan berdasarkan Lisensi Creative Commons Attribution 4.0, sedangkan contoh kode dilisensikan berdasarkan Lisensi Apache 2.0. Untuk mengetahui informasi selengkapnya, lihat Kebijakan Situs Google Developers. Java adalah merek dagang terdaftar dari Oracle dan/atau afiliasinya.
Terakhir diperbarui pada 2018-12-14 UTC.
[[["Mudah dipahami","easyToUnderstand","thumb-up"],["Memecahkan masalah saya","solvedMyProblem","thumb-up"],["Lainnya","otherUp","thumb-up"]],[["Informasi yang saya butuhkan tidak ada","missingTheInformationINeed","thumb-down"],["Terlalu rumit/langkahnya terlalu banyak","tooComplicatedTooManySteps","thumb-down"],["Sudah usang","outOfDate","thumb-down"],["Masalah terjemahan","translationIssue","thumb-down"],["Masalah kode / contoh","samplesCodeIssue","thumb-down"],["Lainnya","otherDown","thumb-down"]],["Terakhir diperbarui pada 2018-12-14 UTC."],[],[]]