通过JS来判断页面控件是否获取焦点

在JavaScript中，你可以通过监听元素的`focus`和`blur`事件来判断一个页面控件是否获取了焦点。以下是一个简单的示例，展示如何为特定元素（比如一个输入框）添加这些事件监听器，并在控制台中输出相应的信息。


// 假设你有一个input元素，其id为"myInput"
var inputElement = document.getElementById("myInput");

// 当元素获取焦点时
inputElement.addEventListener("focus", function() {
    console.log("控件已获取焦点");
});

// 当元素失去焦点时
inputElement.addEventListener("blur", function() {
    console.log("控件已失去焦点");
});

在这段代码中，我们首先通过`document.getElementById`获取了id为"myInput"的元素。然后，我们使用`addEventListener`方法为这个元素添加了两个事件监听器：一个监听`focus`事件，当元素获取焦点时执行；另一个监听`blur`事件，当元素失去焦点时执行。每当这些事件发生时，相应的回调函数就会被调用，从而在控制台中输出相应的信息。

这种方法适用于任何可以接收焦点的HTML元素，如输入框（``）、文本区域（`