使用鼠标单击输入并使用选项卡选择它有什么区别？

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事件1}}。

如果您想在这两个活动上致电addField(item)，建议您使用ng-focus代替ng-click。