jquery 有没有办法重置到当前的tabindex位置

yxyvkwin 于 2023-04-05 发布在 jQuery

关注(0)|答案(1)|浏览(114)

有没有办法重置tabindex的位置？
我的网站上有四个按钮：

<button tabindex='1'>Button 1</button>
<button tabindex='2'>Button 2</button>
<button tabindex='3'>Load new buttons</button>
<button tabindex='4'>Button 4</button>

现在，当我用键盘点击这些按钮时，我转到Load new buttons按钮并单击空格，其他按钮将重新加载。

<button tabindex='1'>Button 5</button>
<button tabindex='2'>Button 6</button>
<button tabindex='3'>Load new buttons</button>
<button tabindex='4'>Button 7</button>

我想要的是，当我继续通过标签按钮，它再次开始在tabindex 1。但现在发生了什么，它继续与tabindex 4。有没有办法重置位置。所以，第一个标签将带我到Button 5。

jquery

来源：https://stackoverflow.com/questions/65619627/is-there-a-way-to-reset-to-current-tabindex-position

1条答案

按热度按时间

bkkx9g8r1#

我试着自己解决这个问题，并提出了以下解决方案。

<button tabindex='1'>Button 1</button>
<button tabindex='2'>Button 2</button>
<button class='loadNew' tabindex='3'>Load new buttons</button>
<button tabindex='4'>Button 4</button>

然后用一个小jQuery：

var startOver = false;

//check if button is clicked
$('.loadNew').click(function(){
  startOver = true; 
});

//if button is unfocussed go to first tabindex
$('.loadNew').blur(function(){
  if(startOver === true){
    $('[tabindex=1)').focus();
    startOver = false;
  }
});

赞(0）回复(0）举报 2023-04-05

我来回答

jquery 有没有办法重置到当前的tabindex位置

1条答案

相关问题

热门标签

最新问答