2011-10-13 69 views
1

我爲自己的搜索框創建了自己的自動完成/建議功能。Jquery/JS - 箭頭和返回鍵選項卡索引

它工作正常,但我很想知道如何使用關鍵字箭頭鍵,通過鏈接建議列表選項卡。我想從我的鏈接開始添加(tabIndex = 1,tabIndex = 2,tabIndex = 3 ...)或(rel =「1」,rel =「2」,rel「3」...)。

目前,該連結只是:

<a onclick="addSuggToTextbox('suggestion1')" tabIndex="1">Suggestion 1</a> 
<a onclick="addSuggToTextbox('suggestion2')" tabIndex="2">Suggestion 2</a> 
... 

嗯,我可以大概判斷出左右鍵導航,從以前的StackOverflow的問題...但讓我困惑,是讓我的用戶點擊'返回'鍵,當他們箭頭標籤到他們想要的鏈接/建議。

假設我剛剛使用右箭頭鍵在鏈接列表中滾動到我想要的那個。如何使用'返回'鍵,檢測哪個鏈接關注並模仿它的onclick事件?點擊'返回'鍵,我顯然會有一個函數將參數化值傳遞給文本框。

例子:

這是我所管理的已:

$(document).keydown(function(e) { 
    if (e.keyCode == 13) { $('myLink??????').click(); } 
}); 

但這是如何知道的功能,其鏈路重點是什麼?所以我可以將myLink????替換爲所選建議鏈接的標識。

任何建議讓我開始(或在我的情況下完成)將受到感謝。

回答

3

假設鏈路上的每個按鍵獲得焦點,那麼你可以做...

$(document).keydown(function(e) { 
    if (e.keyCode == 13) { $('nav a').is(':focus').trigger("click"); } 
});