是否有 JavaScript 方法可以复制 Focus-on-next-element (Tab) 行为？

Question

我想根据浏览器自己对哪个元素是下一个可聚焦元素的计算来更改 DOM 中的焦点。

我明白...

• 在大多数浏览器中，JavaScript 无法触发按键（请参阅 https://stackoverflow.com/a/32429197/1766230），因此我们无法触发 Tab 键以转到下一个焦点元素（我们也不想因为按键事件可能被覆盖）。
• 我们可以编写一些代码来查找所有链接/输入/等，找到当前关注的一个，并在下一个上触发 focus。 ...但这似乎只是在复制浏览器中本地的逻辑。

我的问题是：我们能否利用浏览器自己的逻辑来确定下一个可聚焦元素并聚焦它？

Answer 1

这个不需要 JS。

你试过属性tabindex吗？

    <input type"text" tabindex="1">
    <input type"text" tabindex="3">
    <input type"text" tabindex="2">
    <input type"text" tabindex="5">
    <input type"text" tabindex="4">
    <input type"text" tabindex="7">
    <input type"text" tabindex="8">
    <input type"text" tabindex="6">

参考我的source，您也可以将它用于<a>、<textarea>、<select> 和<button> 元素。

如果此答案不能满足您的问题/需求，请告诉我。