啓用鍵盤（箭頭向上/向下）在列表項

Question

我有我的印記，如向上

<input id="field" type="text" /> 
<ul> 
    <li class="item"><a href="#">one</a></li> 
    <li class="item"><a href="#">two</a></li> 
    <li class="item"><a href="#">three</a></li> 
    <li class="item"><a href="#">four</a></li> 
</ul> 

這是一個建議清單。

當#field焦點時，按向上箭頭或向下箭頭，我希望能夠選擇列表中的項目。

那我該如何把重點放在清單中的正確項目上？我試過類似

if (e.keyCode == 40){ //40 for arrow down 
    $('.item').first().focus(); 
} 

但它不起作用。

Answer 1

我覺得沒有focus爲li或a，你必須自己來突出他們：更改選定項的背景顏色等

Answer 2

這樣的jQuery中可能的工作：

$('.item').focusin(function() 
{ 
    $(this).css('background-color',#highlight_color); 
}); 


$('.item').focusout(function() 
{ 
    $(this).css('background-color',#original_color); 
});