Gunakan kekunci Tab untuk menavigasi elemen html pada halaman

Question

Saya tidak boleh menggunakan kekunci Tab untuk menatal menggunakan kekunci Tab pada halaman HTML. Berikut ialah gambar halaman yang saya cuba semak imbas tab

Apabila pop timbul "Tidak dapat mengemas kini jadual" dibuka. Saya mengklik padanya dan menekan tab. Kali pertama saya menekan tab, fokus pergi ke elemen anak panah dalam gambar. Tetapi kali seterusnya saya menekan tab, ia pergi ke elemen Halaman 3 Ikon anak panah atas ialah teg <i yang dipilih dalam HTML dan teg <i seterusnya ialah butang x. Atas sebab tertentu ia melangkau <i tag kedua dan tidak pergi ke butang x apabila kekunci tab muncul untuk kali kedua.

Apakah sebabnya? Saya cuba menggunakan tabIndex="21" sebagai tag <i seterusnya

Answer 1

Mungkin indeks butang menyebabkan masalah. Anda perlu memberikan lebih banyak maklumat, tetapi sehingga itu, anda boleh fokus pada tempat yang betul dahulu apabila menggunakan pop timbul. Anda boleh cuba menggunakan kod berikut untuk memfokus pada elemen div pertama:

document.getElementsByTagName('div')[0].focus();

Saya juga perasan bahawa anda menggunakan indeks tab yang sama "20" untuk kedua-dua komponen. Sila semak semua indeks dan cuba lagi. Selain itu, pastikan butang anda berada pada tahap DOM yang sama dengan elemen lain.