关于按钮焦点tabindex jquery

On button focus tabindex jquery

本文关键字:焦点 tabindex jquery 按钮 于按钮      更新时间:2023-09-26

你好,我已经包含了给定的代码

<input type="text" name="test" placeholder="test1" tabindex="1">
<input type="text" name="test" placeholder="test2" tabindex="2">
<input type="text" name="test" placeholder="test3" tabindex="3">
<input type="text" name="test" placeholder="test4" tabindex="4">
<input type="text" name="test" placeholder="test5" id = 'mytest' tabindex="5">
<button tabindex="6" id="add" class="button">Add</button>

现在我想当我点击添加按钮,然后自动tabindex聚焦<input type="text" name="test" placeholder="test5" id = 'mytest' tabindex="5">。关于这个点击功能需要写一些东西。请指导我如何解决这个问题。

$('#add').click(function(){
  var tab = $('#mytest').attr('tabindex')
  ........
})

$('#add').click(function(){
  $('input[tabindex=5]').focus();
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" name="test" placeholder="test1" tabindex="1">
<input type="text" name="test" placeholder="test2" tabindex="2">
<input type="text" name="test" placeholder="test3" tabindex="3">
<input type="text" name="test" placeholder="test4" tabindex="4">
<input type="text" name="test" placeholder="test5" tabindex="5">
<button tabindex="6" id="add" class="button">Add</button>