HTML | DOM hasFocus() 方法

hasFocus() 方法是 HTML DOM 中的一种方法，用于检测指定元素是否拥有焦点。这个方法返回一个布尔值，true 表示元素拥有焦点，false 表示元素没有焦点。

语法格式

以下是方法的语法格式：

element.hasFocus();

• element：必需。要检测是否拥有焦点的元素。

示例

以下是 hasFocus() 方法的示例：

<p>点击文本框查看是否拥有焦点：</p>
<input type="text" id="myInput">
<p>状态：<span id="status"></span></p>

<script>
  var input = document.getElementById("myInput");
  var status = document.getElementById("status");

  input.addEventListener("focus", function() {
    status.innerHTML = input.hasFocus();
  });

  input.addEventListener("blur", function() {
    status.innerHTML = input.hasFocus();
  });
</script>

上述代码创建了一个文本框和一个状态栏。当用户点击文本框时，状态栏会显示文本框是否拥有焦点。当用户从文本框中离开时，状态栏会更新是否拥有焦点的状态。

浏览器兼容性

hasFocus() 方法在所有主流浏览器中都支持。以下是各浏览器中的支持情况：

• Chrome：支持。
• Firefox：支持。
• Safari：支持。
• IE：支持。
• Edge：支持。
• Opera：支持。

总结

hasFocus() 方法是 HTML DOM 中检测元素是否拥有焦点的一种方法。使用该方法，我们可以判断用户当前是否和某个元素进行交互，并根据结果进行相应的操作。