如何在 JavaScript 中讓 `` 元素可聚焦？

存取

上的焦點透過JavaScript 的元素

儘管某些元素（例如輸入和按鈕）具有固有的可聚焦性，但本質上不可能聚焦在

上。使用 JavaScript focus() 函數的元素。

分配 TabIndex

要在

上啟用焦點，必須為其分配一個 tabindex 屬性，該屬性確定它在頁面 Tab 鍵順序中的位置。分配 tabindex 為 0 允許使用者或透過 JavaScript 獲得焦點。

使用JavaScript 設定焦點

分配tabindex 後，元素可以使用focus() 函數以程式方式聚焦：

注意事項

• tabindex 為-1 使得元素只能透過JavaScript 聚焦，而不是透過使用者互動。
• 可聚焦元素可以接收鍵盤事件和焦點樣式（例如，變更背景顏色）。
• 避免將 tabindex 分配給出於可訪問性問題而不應由使用者聚焦的元素。

範例

以下範例示範焦點分配與視覺提示：

以上是如何在 JavaScript 中讓 `` 元素可聚焦？的詳細內容。更多資訊請關注PHP中文網其他相關文章！