javascript - 用鼠标点击输入和用tab选择有什么区别？

Question

我有这个输入字段:

<div class="btn-group btn-xs" dropdown>
  <input id="simple-btn-keyboard-nav" ng-model="available_fields_query" id="single-button" dropdown-toggle ng-disabled="disabled" placeholder="Add New Field" focus-me="true">
  </input>
  <ul class="dropdown-menu" role="menu" aria-labelledby="btn-append-to-body">
    <li role="menuitem" ng-repeat="item in availableFields | iwSearch: available_fields_query">
      <a href="#" ng-click="addField(item)">{{item | toUserListHeader}}</a>
    </li>
  </ul>
</div>

如果我点击它(点击输入)一切正常，下拉/搜索/模型/过滤器工作，但如果我用 Tab 将其聚焦，它什么也不做，所以我猜点击一个元素和点击一个元素之间有区别用选项卡聚焦它。

如何通过选项卡选择触发所有相同的功能，就像单击某个元素一样？

Answer 1

正如@ThibaudL 指出的，click事件与 focus 不同事件，因为它触发 focus事件也是如此，而 focus不会触发click 。

如果您想调用addField(item)对于这两个事件，我建议使用 ng-focus 而不是ng-click .