javascript - 如何检测JS中的焦点改变事件？

Question

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

Answer 1

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

这里有两个例子:

解决方案 #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 函数来查看某个元素是否获得焦点。