用鼠標點擊輸入和用選項卡選擇它有什麼區別？

我有這個輸入字段：用鼠標點擊輸入和用選項卡選擇它有什麼區別？

<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鍵焦點是它什麼也不做，所以我猜想點擊一個元素並將其與選項卡聚焦是有區別的。

我怎樣才能觸發所有相同的功能與選項卡選擇，就像我點擊一個元素？

來源

2015-09-04 Tachi

你弄錯了，Tab用來獲得焦點，爲了用鍵盤點擊一個元素，使用Tab來獲得焦點，然後按Enter鍵「點擊」它。 – ThibaudL

@ThibaudL它仍然不會觸發創建下拉菜單的angular-ui中的功能。即使我在「點擊」之後按Enter鍵。要觸發下拉菜單，我仍然必須實際「點擊」才能觸發所有內容。 – Tachi

正如@ThibaudL指出的，click事件從事件focus不同，因爲它觸發事件focus以及而focus不觸發click。

如果您想在兩個事件上撥打addField(item)，我建議您使用ng-focus而不是ng-click。

來源

2015-09-04 13:06:26 DonJuwe

那麼它不僅僅是關於'''addFiled（item）''，當我點擊輸入字段時，我觸發了angular-ui中創建下拉列表的東西，然後我可以使用我的kb或鼠標來選擇特定字段每個字段都是一個鏈接）。另外，當我用TAB選擇字段，然後按回車它仍然沒有任何東西。 – Tachi

那麼，如何在「ng-focus」或自定義*指令*上觸發點擊事件的整潔小解決方法呢？ – DonJuwe

我在考慮觸發ng-focus上的點擊事件，不知道如何以及在哪裏做。 – Tachi

用鼠標點擊輸入和用選項卡選擇它有什麼區別？

回答

相關問題