使用AngularJS在列表中实现键盘导航

我已经使用$ http服务生成自动完成以获取相关输入的所有数据，如果我使用它与鼠标一起工作正常。 但是，它中没有键盘导航。 我只想在选项列表上启用向上和向下箭头移动，并在Enter上选择。

 
Add player
 
 
  
 
 
 {{plyer.PlayerName}} 
 
 
 
 
 
{{playerDetails.PlayerName}}
 
{{playerDetails.TeamName}}
 
{{playerDetails.fullRole}}
 
Season points: {{playerDetails.Points == undefined? 0: playerDetails.Points}}
 
Player Cost: $100
 
  

我已经尝试过搜索很多，但无法找到适合我的方案的解决方案。

Answer 1

我为你做了一个小小提琴，要测试你需要点击第一个元素（因为它嵌入在这个网站中）

 document.onkeydown = function(evt) { evt = evt || window.event; switch (evt.keyCode) { case 38: document.activeElement.previousElementSibling.focus(); break; case 40: document.activeElement.nextElementSibling.focus(); break; } }; 

 li:focus{ border: 1px solid red; } 

 
 
item 1
 
item 2
 
item 3
 
item 4
 
item 5
 
item 6
 
item 7
 
item 8