是否有JavaScript方法可以复制“下一个焦点”（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>元素。

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