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

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

我设置了一个.live(“focus”)事件来选择()(突出显示)文本输入的内容，这样用户就不必在输入新值之前选择它。

$ (formObj) .select ();

由于不同浏览器之间的奇怪之处，选择有时会被引起它的点击所取代，它会取消选择内容后，将光标放置在文本字段中(在FF中工作得很好，但在IE中失败)

我想我可以通过稍微延迟选择来解决这个问题…

setTimeout(函数(){$ (formObj) .select ();}, 200);

这工作得很好，选择将持续存在，但一个有趣的问题出现了。如果您从一个字段切换到下一个字段，那么在选择发生之前，焦点将切换到下一个字段。由于select窃取焦点，焦点将返回并触发一个新的“焦点”事件。这最终导致输入选择在屏幕上跳来跳去。

一个可行的解决方案是在执行select()之前检查字段是否仍然有焦点，但如前所述，没有简单的方法来检查…我最终只是放弃了整个自动高亮，而不是把应该是一个jQuery select()调用变成一个包含子例程的巨大函数……

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。在每个事件之后运行一个添加/删除边框的函数。

简单的

 <input type="text" /> 



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

    alert("I am in Focus");

     });
 </script>

我所做的是创建一个名为.elementhasfocus的任意类，它在jQuery focus()函数中添加和删除。当hover()函数在鼠标离开时运行，它会检查.elementhasfocus:

if(!$("#quotebox").is(".boxhasfocus")) $(this).removeClass("box_border");

因此，如果它没有这个类(阅读:没有元素在div有焦点)边界被删除。否则，什么都不会发生。