綁定鍵導航結果

-1

所以我有一個輸入，我取使用AJAX，這是簡化的代碼看起來像這樣綁定鍵導航結果

<input placeholder="search here" id="search"></input> 
<div id="searchResults"> 
    <a href="link">search result 1</a> 
    <a href="link">search result 2</a> 
</div>

所以我想的是，當有人搜索的東西，結果是結果顯示在下一個div可以通過箭頭鍵導航而不用移動鼠標或使用tab鍵。

來源

2014-05-05 Abdul-Rafay Shaikh

您嘗試過什麼嗎？顯示你嘗試過的一些代碼，但這不是一個代碼服務... – PhistucK

即時通訊不是說你應該編碼，我不認爲我是第一個需要這樣做的人，如果你只是分享一些東西我可以閱讀使用它會有幫助 –

對，你不是第一個，所以要求谷歌或先搜索一個存在的問題。先研究一下，然後問你是否不能使它工作。 – PhistucK

下面是一些例子。此處演示http://jsfiddle.net/sjnilan/HJGFG/

$(document).ready(function() { 


    $(document).keyup(function (e) 
    { 
     var code = (e.keyCode ? e.keyCode : e.which); 
     if (code == 38) { 
      $("#searchResults a").css("background-color","#fff"); 
      $("#searchResults a").prev().css("background-color","yellow"); 
     } 
     else if (code == 40) 
     { 
      $("#searchResults a").css("background-color","#fff"); 
      $("#searchResults a").next().css("background-color","yellow"); 
     } 
    }); 

});

來源

2014-05-05 12:08:59

綁定鍵導航結果

回答

相關問題