我的应用程序上的用户习惯于在切换到下一个输入而不是“Tab”时按“Enter”,所以我一直试图在按“Enter”而不是“Tab”时将焦点切换到tabindex中的下一个元素,给出了以下代码:
<div id="data">
<input type="text" tabindex="0">
<input type="text" value="Lorem ipsum" readonly><br/>
<input type="text" value="Lorem ipsum" readonly>
<input type="text" value="Lorem ipsum" readonly><br/>
<input type="text" tabindex="1">
<input type="text" tabindex="2">
</div>
现在我已经做到了,我想分享我的解决方案,这样下一个遇到这个问题的人就可以很快找到解决方案。
2条答案
按热度按时间flvtvl501#
溶液
在我的例子中,我将
$("#data")
作为触发函数的目标,但您可以将其与$(window)
一起使用。此函数将在按下按键时触发,将检查按键是否为"Enter"(按键代码为13),根据tabindex查找聚焦元素(
activeElement
)的下一个元素,然后将其聚焦。编辑
参考@freedomn-m的注解,下面是他在non-readonly元素上设置
tabindex
属性的代码:这是我之前用的代码:
ghg1uchk2#