Javascript 如何使用模糊功能进入下一个选项卡

我想在用户使用tab键进入下一个选项卡时创建功能。每个选项卡都包含一些文本框。当用户在tab 1的最后一个文本框中按tab键时，它将进入tab 2的下一个文本框。我正在使用纯HTML css和jQuery创建选项卡。我没有使用jQuery UI的选项卡功能，但它是最新的jQuery。下面是我的HTML。我正在使用ul和li创建标签。当我的标签在第一个文本框中时，我如何进入下一个li。选项卡包含下拉列表、复选框和文本框。注意：由于某些问题，我没有使用tabindex。我想使用jquery创建 为此，我编写了一个模糊函数。该模糊函数将tabkey移动到下一个选项卡，并将焦点放在下一个选项卡上。但问题是，当我们移动到下一个选项卡时，如何同时激活选项卡及其内容

 <ul class='tabs'>
            <li><a href='#tab1'>Tab 1</a></li>
            <li><a href='#tab2'>Tab 2</a></li>
            <li><a href='#tab3'>Tab 3</a></li>
          </ul>
          <div id='tab1'>
            <ul class= "set2"> 
                <li>  test 1<asp:TextBox runat="server"  ID="test1" /></li>
                <li>  test 2<asp:TextBox runat="server" onblur=move() ID="test2" /></li>
            </ul>
          </div>
          <div id='tab3'>
            <ul class= "set2"> 
                <li>  test 3<asp:TextBox runat="server"  ID="test3" /></li>
                <li>  test 4<asp:TextBox runat="server"  onblur=move() ID="test4" /></li>
            </ul>
          </div>
          <div id='tab3'>
            <ul class= "set"> 
                <li>  test 5<asp:TextBox runat="server"  ID="test5" /></li>
                <li>  test 6<asp:TextBox runat="server" onblur=move() ID="test6" /></li>
            </ul>
          </div>

---

您可以通过以下方式模拟单击选项卡：

$('#tab1').click();

这里有一个类似的问题：

因此，对于您的情况，onblur事件可以重新编写为：

<li>  test 6<asp:TextBox runat="server" 
              onblur="funcation(){move(); $('#tab1').click(); }" 
              ID="test6" /></li>

尝试使用triggerclick 示例：$tab2.triggerclick

<li>  test 6<asp:TextBox runat="server" 
              onblur="funcation(){move(); $('#tab1').click(); }" 
              ID="test6" /></li>