javascript - 如何检查元素和窗口的焦点？

Question

我想找到哪个元素处于焦点上。此外，当用户打开多个窗口/选项卡时，我想知道焦点在哪个窗口/选项卡上。

Answer 1

在纯 JavaScript 中(即没有任何框架，如 jQuery、MooTools 等):

var focusedElement;

document.addEventListener("focus", function(e) {
    focusedElement = e.target;
}, true);

document.addEventListener("blur", function(e) {
    focusedElement = null;
}, true);

基本上，每当一个元素获得焦点时，我们都会将该元素保存到一个变量中，而当元素失去焦点时，我们会重置该变量。

在 HTML 5 中，有一个特定的属性用于访问当前获得焦点的元素:

var focusedElement = document.activeElement;