CSS:

.focus {
    border-color:red;
}

JQuery:

  $(document).ready(function() {

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

2015年4月更新

由于这个问题已经出现了一段时间，并且有一些新的约定开始发挥作用，我觉得我应该提到.live方法已经被贬低了。

现在引入了.on方法。

他们的文档在解释它如何工作方面非常有用;

on()方法将事件处理程序附加到当前选择的集合 jQuery对象中的元素。从jQuery 1.7开始，.on()方法 提供附加事件处理程序所需的所有功能。为 帮助从旧的jQuery事件方法转换，参见.bind()， .delegate()和.live()。

因此，为了让你瞄准“input focused”事件，你可以在脚本中使用它。喜欢的东西:

$('input').on("focus", function(){
   //do some stuff
});

这是相当强大的，甚至允许您使用TAB键以及。

简单的

 <input type="text" /> 



 <script>
     $("input").focusin(function() {

    alert("I am in Focus");

     });
 </script>

据我所知，你不能问浏览器屏幕上的任何输入是否有焦点，你必须设置某种焦点跟踪。

我通常有一个名为“noFocus”的变量，并将其设置为true。然后我添加一个焦点事件到所有输入，使noFocus为假。然后我添加了一个模糊事件的所有输入，设置noFocus回真。

我有一个MooTools类可以很容易地处理这个问题，我相信你可以创建一个jquery插件来做同样的事情。

一旦创建，你可以在做任何边界交换之前检查noFocus。

我不完全确定你在追求什么，但这听起来像它可以通过存储输入元素的状态(或div?)作为一个变量来实现:

$('div').each(function(){

    var childInputHasFocus = false;

    $(this).hover(function(){
        if (childInputHasFocus) {
            // do something
        } else { }
    }, function() {
        if (childInputHasFocus) {
            // do something
        } else { }
    });

    $('input', this)
        .focus(function(){
            childInputHasFocus = true;
        })
        .blur(function(){
            childInputHasFocus = false;
        });
});

使用类来标记元素状态的替代方法是内部数据存储功能。

附注:您可以使用data()函数存储布尔值和任何您想要的值。这不仅仅是关于字符串:)

$("...").mouseover(function ()
{
    // store state on element
}).mouseout(function ()
{
    // remove stored state on element
});

然后就是访问元素状态的问题了。