HTML | DOM activeElement 属性

简介

activeElement 属性返回当前文档中被聚焦的元素（拥有焦点的元素）。这个属性是只读的。

语法

document.activeElement

返回值

返回一个 DOM 元素对象，即当前文档中被聚焦的元素。

用法

通常情况下，被聚焦的元素是用户正在与之交互的元素，比如一个文本框或者一个按钮。在 HTML 中，一个元素可以通过设置其'focusable'属性（例如tabIndex属性）来使其变得可聚焦。

以下是一个获取当前被聚焦元素的示例：

const focusedElement = document.activeElement;
console.log(focusedElement); // 输出当前被聚焦元素

注意事项

• 如果页面中没有任何元素被聚焦，则 activeElement 属性返回 document.documentElement 对象。
• 如果聚焦在 iframe 中，则该属性返回 iframe 元素的 contentDocument 属性中的被聚焦元素（如果有）。
• 当文档窗口失去焦点时，即使预期的元素仍然存在于文档中并具有焦点，该属性也可能返回 null。
• 一些浏览器支持嵌套焦点（即可以在元素内部的某个位置有一个子聚焦元素）。在这种情况下，activeElement 属性将返回具有最高优先级的子元素，而不是最外层的父元素。

参考链接

• MDN activeElement 属性