我为自己的搜索框构建了自己的自动完成/建议功能。
它工作正常,但我很想知道如何使用关键字箭头键,以查看链接建议列表。我想通过添加(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????
。
任何建议让我开始(或完成我的案例)都会感激不尽。
答案 0 :(得分:3)
假设链接正在关注每次击键,那么你可以做......
$(document).keydown(function(e) {
if (e.keyCode == 13) { $('nav a').is(':focus').trigger("click"); }
});