如何在 JavaScript 中识别当前聚焦的 DOM 元素？

识别 JavaScript 中聚焦的 DOM 元素

找出哪个 DOM 元素具有焦点对于增强用户体验和控制元素交互至关重要。在 JavaScript 中，可以使用 document.activeElement 属性来实现。

使用 document.activeElement

document.activeElement 表示文档中当前聚焦的元素。它返回具有活动焦点的元素，例如输入字段、文本区域或按钮。所有主要浏览器都支持此属性。

示例：

const focusedElement = document.activeElement;
console.log("Focused element:", focusedElement.tagName);

旧版浏览器的替代方法

中在较旧的浏览器中，没有直接的方法来确定焦点元素。为了模拟此检测，可以将“焦点”和“模糊”的事件处理程序添加到所有表单字段。当字段获得焦点时，其引用可以存储在变量中。反之，当字段失去焦点时，可以清除该变量。

模糊ActiveElement

如果想移除activeElement，可以使用blur()方法。这会将 activeElement 更改为 body 元素。

document.activeElement.blur();

其他资源

• [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中文网其他相关文章！