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

What is the difference between clicking on input with a mouse and selecting it with tab?

本文关键字：什么 区别 选择 鼠标 输入 tab      更新时间：2023-09-26

我有这样一个输入字段:

<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键关注它，它什么也不做，所以我猜点击一个元素和用Tab键关注它是有区别的。

我如何用选项卡选择触发所有相同的函数，就像我点击一个元素一样?

正如@ThibaudL所指出的，click事件不同于focus事件，因为它也触发了focus事件，而focus不会触发click。

如果你想在两个事件上调用addField(item)，我建议使用ng-focus而不是ng-click。

相关文章：