jQuery。当鼠标悬停在其他元素上时，如何删除和重新设置输入焦点？

Question

我使用的是Bootstrap 3，有一个标准的输入字段，看起来如下，我通过jQuery在pagelo上设置焦点。

我的输入。 <input type="text" class="form-control" id="searchTerm" />

我的jQuery。 $('#searchTerm').focus();

在同一个页面上，我有一个Bootstrap导航条，我想在导航条上导航时删除上面的焦点，离开导航条时重新设置焦点。这样做的原因是，否则闪烁的光标与我的导航条下拉菜单重叠，所以在下拉背景中可见。

我的导航条。

<nav class="navbar navbar-default" role="navigation">
    <div class="container">
        <div class="navbar-header margin-right-30">
          // ...

我想你可以使用类上的焦点模糊事件来实现这个功能。"navbar" 但我不知道是否和如何实现这一点。我如何才能正确地做到这一点？

Answer 1

你可能想用jQuery的 .hover() 和 .focus() 方法（文档在链接中）。 请注意 .hover() 方法需要一个回调参数，这个回调参数是事件发生时将被调用的函数。 该 .focus 方法，然而，虽然它可以采取回调方法，但可以在没有参数的情况下调用，以简单地将焦点改变到点的左边的元素。

例如，你可能想做如下的事情。

$('#navBar').hover(function(){
  this.focus();
});