如何使用鍵盤箭頭使ul HTML列表導航

Question

如果我有HTML ul列表，如何允許使用鍵盤中的箭頭進行列表導航？

Answer 1

工作示例keypress navigation with jQuery

Answer 2

給你的UL和LI，一個tabindex價值，使他們是可以聚焦。完成此操作後，您可以捕獲關鍵事件並據此處理導航。或者，如果每個<li>中都有一個<a>，則可以跳過tabindex部分，然後直接處理<a>元素的關鍵事件。