Jquery / JS - Arrow&返回键标签索引

时间:2011-10-13 20:37:43

标签: javascript jquery

我为自己的搜索框构建了自己的自动完成/建议功能。

它工作正常,但我很想知道如何使用关键字箭头键,以查看链接建议列表。我想通过添加(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????

任何建议让我开始(或完成我的案例)都会感激不尽。

1 个答案:

答案 0 :(得分:3)

假设链接正在关注每次击键,那么你可以做......

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