如何在 JavaScript 中辨識目前聚焦的 DOM 元素？

識別 JavaScript 中聚焦的 DOM 元素

找出哪個 DOM 元素具有焦點對於增強用戶體驗和控制元素交互至關重要。在 JavaScript 中，可以使用 document.activeElement 屬性來實作。

使用 document.activeElement

document.activeElement 表示文件中目前聚焦的元素。它會傳回具有活動焦點的元素，例如輸入欄位、文字區域或按鈕。所有主要瀏覽器都支援此屬性。

範例：

舊版瀏覽器的替代方法

中在較舊的瀏覽器中，沒有直接的方法來確定焦點元素。為了模擬此偵測，可以將「焦點」和「模糊」的事件處理程序新增至所有表單欄位。當字段獲得焦點時，其引用可以儲存在變數中。反之，當字段失去焦點時，可以清除該變數。

模糊ActiveElement

如果想移除activeElement，可以使用blur()方法。這會將 activeElement 更改為 body 元素。

其他資源

• [activeElement 瀏覽器相容性](https://developer.mozilla.org /en-US/docs/ Web/API/Document/activeElement)
• [jQuery替代方案document.activeElement](https://api.jquery.com/jQuery.fn.prop/)

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