如何在 JavaScript 中获取对当前焦点表单字段的引用？答案

【问题标题】：How to get a reference to the currently focused form field in JavaScript?如何在 JavaScript 中获取对当前焦点表单字段的引用？
【发布时间】：2018-04-07 01:13:33
【问题描述】：

我正在寻找一种跨浏览器的方法 - 我知道 IE 有一些东西（我已经忘记了什么），而在 Mozilla 中实现它的方法可能与我发现的一个 focusNode 东西有关，这似乎相关获取文本选择。

涉及 jQuery 或其他常见 JS 库的方法对我来说很好。

谢谢！

【问题讨论】：

标签： javascript forms dom cross-browser

【解决方案1】：

查看extra selectors plugin 以获得jQuery，它包括一个满足您需求的:focus 选择器。如果您不使用其他选择器，则可以只使用该选择器的实现。

【讨论】：

【解决方案2】：

好吧，所以使用 jQuery。

目前没有可用的方法来询问这个问题。您需要在焦点事件发生时对其进行跟踪，因此此示例（感谢 Karl Rudd here）在所有元素中都进行了跟踪。这适用于输入，但您可以调整选择器以满足您的需求，甚至在整个 DOM 中。

var currentFocus = null; 
$(':input').focus( function() { 
    currentFocus = this; 
}).blur( function() { 

    currentFocus = null; 
});

【讨论】：