javascript - Jquery/JS - 箭头和返回键选项卡索引

Question

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

它工作正常，但我很想知道如何使用关键字箭头键来浏览链接建议列表。我想从添加 (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????? 替换为所选建议链接的标识。

任何帮助我开始(或完成我的案例)的建议都将不胜感激。

Answer 1

假设链接在每次击键时都获得焦点，那么您可以...

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