Question

点击它们后，似乎Bootstrap下拉按钮保持聚焦状态。

我的用例与此不相容，

点击按钮后，用户需要点击“SPACE”键，以触发与按钮无关的内容。
问题是按钮保持聚焦状态，因此按下SPACE
激活按钮。

我希望使用jQuery失去对按钮的关注

<div class="container">
    <div class="hero-unit">
      <!-- Split button -->
    <div id="tools_fileMenu">
   <!-- Trace Image Dropdown -->
     <div class="btn-group">
      <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal" >Trace Image</button>
      <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
      <span class="caret"></span>
      <span class="sr-only">Toggle Dropdown</span>
      </button>
      <ul class="dropdown-menu" role="menu">
       <li><input type="file" id="tool-placeImageFileDropdown" name="tool-placeImageFileDropdown[]" multiple/></a></li>
       <li><a href="#"  id="tool-placeImageUrlDropdown" >External URL</a></li>
       <li class="divider"></li>
       <li><a href="#">Help</a></li>
      </ul>
     </div>
    </div>
</diV>

Answer 1

查看.blur()：http://api.jquery.com/blur/

要以编程方式触发事件，请在不带参数的情况下应用.blur（）：

$( "#other" ).click(function() {
    $( "#target" ).blur();
});

使用jQuery失去Bootstrap按钮的焦点

1 个答案: