如何確定 JavaScript 中目前聚焦的 DOM 元素？

在 JavaScript 中確定具有焦點的元素

尋找目前擁有焦點的 DOM元素對於各種使用者介面來說是一項有用的任務

document.activeElement

這個問題的解決方案在於 document.activeElement 屬性。它提供對持有焦點的 DOM 元素的參考。現代瀏覽器都支援此屬性，使其成為 JavaScript 專案的可靠解決方案。

實作

要在實踐中使用document.activeElement，您可以擷取焦點元素像這樣：

const focusedElement = document.activeElement;

這將為您提供目前聚焦元素的引用，允許您操縱它或執行任何必要的操作操作。

其他注意事項

在舊版瀏覽器中，偵測哪個表單欄位具有焦點並不簡單。作為解決方法，您可以將「焦點」和「模糊」事件處理程序指派給所有字段，追蹤變數中最後一個獲得焦點的元素。 「模糊」處理程序將在失去焦點時清除此變數。

模糊活動元素

一旦獲得了對活動元素的引用，就可以使用模糊從中移除焦點的方法。當您需要以程式設計方式將焦點移到不同的元素時，這非常有用：

document.activeElement.blur();

這會將焦點轉移回 body 元素。

相關資源

• [activeElement 瀏覽器相容性](https://developer.mozilla.org/en-US/docs/Web/API /document.activeElement#Browser_compatibility)
• [document.activeElement 的jQuery替代品](https://stackoverflow. com/questions/9508980/jquery-alternative-for-document-activeelement)

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