如何在JS中检测焦点变化事件？

Question

我想写一个函数,这个函数可以检测焦点是否在某个元素上.如果焦点在元素上,我调用onfocus()函数,如果不在元素上,我什么也不做.我怎么能这样做？

Answer 1

许多不同的方法来做到这一点.

这是两个例子:

解决方案#1:

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

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

演示

解决方案#2:

HTML:

<input type="text" />

JQuery的:

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

演示

如果你想要多个,你可以使用:

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

积分

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