如何通過箭頭按鍵導航md-list-item？

有沒有辦法使用箭頭鍵瀏覽下面的列表項目。 Tab由於tabindex工作得很好，但箭頭沒有。任何有關示例的建議都會很棒。如何通過箭頭按鍵導航md-list-item？

<md-list-item> 
    <md-list-item id="tab1"> 
     <a tabindex = "1" routerLink="/link1">{{val1}}</a> 
</md-list-item> 
</md-list-item> 
    <md-list-item id="tab2"> 
     <a tabindex = "2" routerLink="/link2">{{val2}}</a> 
    </md-list-item> 
</md-list-item> 
<md-list-item>

來源

2017-04-20 BalajiK

有。我不知道你是否在尋找代碼或指導它應該如何工作，所以我只會回答指導。

WAI-ARIA創作實踐1.1描述瞭如何構建一個可以作爲操作系統級別系統菜單運行的菜單。雖然我不知道是否要在這裏實現角色（因爲這會告訴屏幕閱讀器用戶它應該像操作系統中的菜單一樣），但您可以將它用作指導您可以支持哪些交互。

https://www.w3.org/TR/wai-aria-practices-1.1/#menu

來源

2017-04-20 22:20:28 aardrian

謝謝。但我已經嘗試過，它在jQuery中起作用。然而，我只需要在Angular 2中被要求不要混合使用jquery和A2。需要知道如何處理md列表上的按鍵事件 – BalajiK

啊。然後我出去了。我的知識很差。 – aardrian

如何通過箭頭按鍵導航md-list-item？

回答

相關問題