使用jQuery测试输入是否有焦点

Question

使用jQuery测试输入是否有焦点

在我正在建设的一个网站的头版上，有几个<div>s使用css。:hover类，以在鼠标在其上方时添加边框。其中之一<div>S包含<form>如果其中的输入有焦点，则使用jQuery将保留边框。除了IE6不支持:hover其他任何元素<a>因此，对于这个浏览器，我们只使用jQuery来模拟css。:hover使用$(#element).hover()方法。唯一的问题是，现在jQuery处理了这两个表单。focus() 和 hover()，当输入有焦点时，用户将鼠标上下移动，边框就会消失。

我在想我们可以用一些条件来阻止这种行为。例如，如果我们在鼠标上测试出任何输入是否有焦点，我们就可以阻止边界消失。AFAIK，没有:focus在jQuery中的选择器，所以我不知道如何实现这一点。有什么想法吗？

Answer 1

CSS：.focus {     border-color:red;}jQuery：  $(document).ready(function() {     $('input').blur(function() {         $('input').removeClass("focus");       })       .focus(function() {         $(this).addClass("focus")       });   });

Answer 2

这里有一个比目前接受的答案更有力的答案：jQuery.expr[':'].focus = function(elem) {   return elem === document.activeElement && (elem.type || elem.href);};注意，(elem.type || elem.href)增加了测试，以筛选出假阳性，例如body..这样，我们确保过滤除表单控件和超链接以外的所有元素。(取自这个要点通过本·阿尔曼.)