📌  相关文章
📜  HTML | DOM activeElement 属性(1)

📅  最后修改于: 2023-12-03 15:31:11.627000             🧑  作者: Mango

HTML | DOM activeElement 属性

在 HTML 中，activeElement 属性返回当前页面中活跃的元素（拥有焦点的元素）。通常活跃元素是页面中的表单元素（如文本框或按钮）。

语法
document.activeElement
返回值

返回具有焦点的 HTML 元素。

示例

以下示例用于展示 activeElement 属性。在文本框中键入文本时，该元素将成为活跃元素。

<!DOCTYPE html>
<html>

<head>
  <title>activeElement 属性示例</title>
</head>

<body>
  <input type="text" id="myInput">
  <script>
    document.getElementById("myInput").focus();
    alert(document.activeElement.id);
  </script>
</body>

</html>

上面的代码将弹出一个警告框，显示当前活跃元素的 ID（就是文本框的 ID）。

注意事项
  • activeElement 属性始终返回具有焦点的元素。如果页面中没有元素具有焦点，该属性将返回文档元素（即 元素）。
  • activeElement 属性不支持 Internet Explorer 8 及更早版本的 IE 浏览器。