如何使用 JavaScript 的 focus() 函數讓 DIV 可聚焦？

使用JavaScript 的focus() 函數的可聚焦DIV

雖然focus() 函數通常作用於輸入欄位或按鈕等表單元素，但它也可以將焦點集中在

上元素。為此，需要為 div 指派 tabindex 屬性。

分配Tabindex

<br><div id="tries" tabindex="0">您還剩下3 次嘗試</div><br>

tabindex 為0 會將div 置於頁面的自然Tab 鍵順序中。正值指定 Tab 鍵順序中的特定優先權。同時，值為 -1 使得 div 只能透過腳本獲得焦點，而不能透過使用者輸入。

範例程式碼

<br>document.getElementById( 'test').onclick = function () {<p>};<br></p>

此腳本示範將焦點設定到 tabindex 為 -1 的 div透過使用者觸發的事件。

設定焦點 DIV 的樣式

為了直觀地指示焦點，可以使用 CSS：

<br>div:focus {<p>}<br></p>

透過實作這些技術，您可以成功地聚焦於

使用JavaScript 的focus() 函數的元素，增強Web應用程式的可訪問性和用戶體驗。

以上是如何使用 JavaScript 的 focus() 函數讓 DIV 可聚焦？的詳細內容。更多資訊請關注PHP中文網其他相關文章！