您是否考虑过使用mouseOver和mouseOut来模拟这种情况。还可以查看mouseEnter和mouseLeave

这里有一个比目前公认的更有力的答案:

jQuery.expr[':'].focus = function(elem) {
  return elem === document.activeElement && (elem.type || elem.href);
};

注意(elem。类型|| elem.href)测试添加过滤假阳性如身体。这样，我们可以确保过滤掉除了表单控件和超链接之外的所有元素。

(摘自本·阿尔曼的主旨。)

您是否考虑过使用mouseOver和mouseOut来模拟这种情况。还可以查看mouseEnter和mouseLeave

CSS:

.focus {
    border-color:red;
}

JQuery:

  $(document).ready(function() {

    $('input').blur(function() {
        $('input').removeClass("focus");
      })
      .focus(function() {
        $(this).addClass("focus")
      });
  });

跟踪这两个状态(悬停，聚焦)作为真/假标志，当其中一个发生变化时，运行一个函数，如果两者都为假，则删除边界，否则显示边界。

onfocus sets focused = true, onblur sets focused = false。Onmouseover sets hovers = true, onmouseout sets hovers = false。在每个事件之后运行一个添加/删除边框的函数。

jQuery 1.6 +

jQuery添加了一个:focus选择器，所以我们不再需要自己添加它。只需使用$("..").is(":focus")

jQuery 1.5及以下版本

编辑:随着时代的变化，我们找到了更好的方法来测试注意力，最受欢迎的是本·阿尔曼的要点:

jQuery.expr[':'].focus = function( elem ) {
  return elem === document.activeElement && ( elem.type || elem.href );
};

引用Mathias Bynens的话:

注意(elem。类型|| elem.href)测试添加过滤假阳性如身体。这样，我们可以确保过滤掉除了表单控件和超链接之外的所有元素。

您正在定义一个新的选择器。看到插件/创作。然后你可以这样做:

if ($("...").is(":focus")) {
  ...
}

or:

$("input:focus").doStuff();

任何jQuery

如果你只想知道哪个元素有焦点，你可以使用

$(document.activeElement)

如果你不确定版本是1.6或更低，你可以添加:focus选择器。

(function ( $ ) {
    var filters = $.expr[":"];
    if ( !filters.focus ) { 
        filters.focus = function( elem ) {
           return elem === document.activeElement && ( elem.type || elem.href );
        };
    }
})( jQuery );