瀏覽器/ HTML如何決定光標的焦點應該在哪裏？

Question

如果我們不使用JavaScript手動設置任何要關注的HTML元素，HTML如何決定要關注哪個元素？

Answer 1

它通過tabindex attribute完成。默認情況下，它會通過頁面中的位置進行可聚焦的元素，但是您可以修改此行爲。

從鏈接的文章：

對焦非可聚焦元件：

的tabindex = 0

當的tabindex被設置爲0，該元件是基於插入的標籤順序其在源代碼中的位置。 如果元素默認爲可聚焦，則根本不需要使用tabindex，但是如果要重新使用元素（如span或div），那麼tabindex = 0是將其包含在Tab鍵順序中的自然方式。

忽略一些可聚焦元件：

的tabindex = -1

當的tabindex設定爲像-1負整數，它成爲編程可聚焦的，但它不包括按Tab鍵順序。

最後：自己選擇的順序，元素的無論位置：

的tabindex = 1 +

它規定的是沒有任何相似之處上的內容Tab鍵順序到預期的標籤順序。

Answer 2

實際上沒有元素默認獲取焦點。

我們可以通過創建一個簡單的網站很容易地檢查並記錄

document.querySelectorAll(":focus") 

到控制檯。

您將看到它將返回一個空數組，意味着沒有元素被聚焦。

Answer 3

如果您的意思是「什麼告訴瀏覽器可以關注哪些元素？」那麼你正在尋找tabindex屬性。將其添加到元素將允許輸入設備（即鼠標，鍵盤）觸發元素上的焦點狀態。

如果您的問題基本上是「情況如何關注？」，這是使用輸入設備，即鼠標和鍵盤完成的。

Answer 4

，如果你的意思是在頁面加載時，你可以使用自動對焦屬性

<input type="text" autofocus>