Javascript 如何通过tab/down使div可导航？

在本例中，我输入

java

，点击tab/down，就可以开始导航结果了。这也是明智的，因为我可以选择文本并打开

learnmore

链接

我想做一个像这样的自我暗示如何使键盘导航为：

tab/down from文本框移动到第一个元素

tab/down从一个元素移动到下一个元素

向上反转两个1。和2.，您可以从元素移动到文本框

---

我尝试将tabindex设置为一组元素。我可以选择它们，一旦选择，我只能通过标签（在Firefox中）浏览仅，不能向上或向下，更不用说返回文本框了

<textarea tabindex=1>something</textarea>
<ul>
<li tabindex=1>one item <a href="google.com">and link</a></li>
<li tabindex=1>one item</li>
<li tabindex=1 >one item</li>
</ul>

什么

• 一项
• 一项
• 一项

我还需要在HTML中连续地布局所有内容，而我通常会将弹出框作为最后一个元素添加到正文中，并对它们进行绝对定位

---

我猜网站一定是在处理标签、上下键，并计算哪一个获得焦点；tabindex似乎有点限制。

您的问题是您的tabindex都是相同的值。您需要使它们按照您希望它们被标记的顺序递增

<textarea tabindex="1">something</textarea>
<ul>
<li tabindex="2">one item <a href="google.com">and link</a></li>
<li tabindex="3">one item</li>
<li tabindex="4">one item</li>
</ul>

什么

• 一项
• 一项
• 一项

---

这是假设您使用的是HTML5。

但向上/向下箭头没有效果，更不用说向上导航了。我确实有意选择了相同的tabindex，tab将按照定义的顺序遍历div。有关箭头控件的答案，请参阅。