如何检测JS中的焦点更改事件？

Question

我想写一个函数，这个函数可以检测焦点是否在某个元素上。如果焦点在元素上，我调用onfocus()函数，如果不在元素上，我什么都不做。我该怎么做？

Answer 1

许多不同的方法可以做到这一点。

这里有 2 个例子：

解决方案 #1：

您可以使用简单的内联 onblur 函数来查看某个元素是否被聚焦。这可能是最简单的方法。

<input type="text" onblur="javascript:alert('You have focused out');" />

Demo

解决方案 #2：

HTML：

<input type="text" />

JQuery：

var selectedInput = null;
$(function() {
    $('input').focus(function() {
        selectedInput = this;
    }).blur(function(){
        selectedInput = null;
        alert("You have focused out");
    });
});

Demo

如果你想要多个，你可以使用：

$('input, textarea, select').focus(function() {

Credits

您可以使用blur 和focus 函数来查看某个元素是否被聚焦。