使用 Tab 鍵導覽頁面上的 html 元素

Question

我無法使用 Tab 鍵在 HTML 頁面上使用 Tab 鍵滾動。這是我嘗試瀏覽選項卡的頁面圖片

# 當「無法更新表」彈出視窗開啟時。我點擊它並按下選項卡。我第一次按下選項卡時，焦點轉到圖片中的箭頭元素。但下次我按下該選項卡時，它會轉到元素Page 3 向上箭頭圖示是HTML 中選定的<i 標記，下一個<i 標記是x 按鈕。由於某種原因，它會跳過第二個 <i 標記，並且當第二次出現 Tab 鍵時不會轉到 x 按鈕。

這可能是什麼原因？我嘗試使用 tabIndex="21" 作為下一個 <i 標記

Answer 1

可能是按鈕索引導致了問題。您需要提供更多信息，但在此之前，您可以在使用彈出視窗時首先關注正確的位置。 您可以嘗試使用以下程式碼來關注第一個 div 元素：

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

我還注意到您對兩個元件使用了相同的 tabindex“20”。請檢查所有索引並重試。另外，請確保您的按鈕與其他元素位於同一 DOM 層級。