Javascript 如何创建Tab（下一焦点）按键和Shift+；输入上的选项卡（上一个焦点）

在互联网上搜索2小时后找不到我想要的东西

我的问题是： 如何创建一个类似“Tab键”和“Shift+Tab键”的按钮，它将聚焦下一个输入文本或上一次和第一次按下将聚焦第一个输入

大概是这样的：

<div class="inputs">
    <input type="text" tabindex="1"/>
    <input type="text" tabindex="2" />
    <input type="text" tabindex="3" />
    <input type="text" tabindex="4" />
    <button>Tab(Go next input to Focus)</button>
    <button>Shift + Tab (fo Previous input to focus)</button>
</div>

选项卡（转到下一个输入到焦点）
Shift+Tab（上一次输入焦点）

---

很抱歉，如果您首先将具有

焦点的
输入
存储到
var
中，那么我的问题和英语表达不好



更复杂一点的线实际上是这样的

$curr.prev（'input'）.focus（）
或
$curr.next（'input'）.focus（）取决于使用简单的三元运算符逻辑单击的按钮：

考虑到符号

$curr["next"]() is the same as $curr.next() method
$curr["prev"]() is the same as $curr.prev() method

只需使用括号代替
dot
符号即可

而不仅仅是确保
prev
或
next
元素实际上是一个
输入
，使用：

 ('input').focus(); // and set the focus to it!

如果您首先将具有
焦点的
输入
存储到
变量
中，那么它实际上很简单：



更复杂一点的线实际上是这样的

$curr.prev（'input'）.focus（）
或
$curr.next（'input'）.focus（）取决于使用简单的三元运算符逻辑单击的按钮：

考虑到符号

$curr["next"]() is the same as $curr.next() method
$curr["prev"]() is the same as $curr.prev() method

只需使用括号代替
dot
符号即可

而不仅仅是确保
prev
或
next
元素实际上是一个
输入
，使用：

 ('input').focus(); // and set the focus to it!

当当前焦点集中在
#4
上时，您希望它做什么？跳转到
选项卡
按钮？页面上有很多输入，因此如果最后一个输入，那么它可以返回到第一个输入，这对我很有好处，因为我在一个页面上有50个输入，因此它将使用自定义焦点跳转器长输入页面。感谢向我展示其他来源，但我对编码非常陌生。任何人都可以编写简单的cope示例吗？投票赞成重新打开，因为OP需要与建议的“克隆”不同。当当前焦点位于
#4
时，您希望它做什么？跳转到
选项卡
按钮？页面上有很多输入，因此如果最后一个输入，那么它可以返回到第一个输入，这对我很有好处，因为我在一个页面上有50个输入，因此它将使用自定义焦点跳转器长输入页面。感谢向我展示其他来源，但我对编码非常陌生。任何人都能写出简单的cope示例吗？投票赞成重新打开，因为OP需求与我在ul div中建议的“克隆”不同，他们的焦点不起作用链接：请help@MikeyXuan它不起作用了，因为现在
prev
和
next
不再是输入，而是什么都没有了，因为现在它们在
li
元素中被分开了。@MikeyXuan现在使用这行：
$curr.nest（'li'）[$（this.hasClass（“nextFocus”）？“next:“prev”]（'li'）。find（'input'））.focus（）
@MikeyXuan这里有一个活生生的例子：当我把它们放在某个ul div中时，它们的焦点不起作用链接：请help@MikeyXuan它不起作用，因为现在
prev
和
next
不再是输入，但没有任何原因，因为现在它们在
li
元素中被分离。@MikeyXuan现在使用这一行：
$curr.closest（'li'））[$（this）.hasClass（“nextFocus”）？“next”：“prev”]（'li'）.find（'input'）.focus（）@MikeyXuan以下是一个活生生的例子：