Verwenden Sie die Tabulatortaste, um durch HTML-Elemente auf der Seite zu navigieren

Question

Ich kann die Tab-Taste nicht zum Scrollen mit der Tab-Taste auf einer HTML-Seite verwenden. Hier ist ein Bild der Seite, auf der ich versuche, die Tabs zu durchsuchen

Wenn das Popup-Fenster „Tabelle konnte nicht aktualisiert werden“ geöffnet wird. Ich habe darauf geklickt und die Tabulatortaste gedrückt. Wenn ich zum ersten Mal die Tabulatortaste drücke, wird der Fokus auf das Pfeilelement im Bild verschoben. Aber wenn ich das nächste Mal auf die Tabulatortaste drücke, geht es zum Element Seite 3 Das Aufwärtspfeilsymbol ist das ausgewählte <i-Tag in HTML und das nächste <i-Tag ist die x-Schaltfläche. Aus irgendeinem Grund wird das zweite <i-Tag übersprungen und nicht zur Schaltfläche „x“ gewechselt, wenn die Tabulatortaste ein zweites Mal angezeigt wird.

Was könnte der Grund dafür sein? Ich habe versucht, tabIndex="21" als nächsten <i-Tag

zu verwenden

Answer 1

可能是按钮索引导致了问题。您需要提供更多信息，但在此之前，您可以在使用弹出窗口时首先关注正确的位置。 您可以尝试使用以下代码来关注第一个 div 元素：

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

我还注意到您对两个组件使用了相同的 tabindex“20”。请检查所有索引并重试。另外，请确保您的按钮与其他元素位于同一 DOM 级别。