在Jquery中，当tab键被连续按下时，光标会卡在遮罩控件中

Question

在我们的屏幕上有许多自定义屏蔽控件(日期控件，电话控件，ZipCode控件)和内置控件(文本框，复选框，下拉列表)。因此，当我们连续按tab键时，光标只停留在被屏蔽控件上，而不会移动到下一个控件。相反，它在遮罩控件上来回移动。

下面是。cshtml代码，在任何一个控件中，一旦我们连续按tab键

，光标就会卡住。

 <table width="100%" class="noBorderTable">
     <tr>
         <td style="width: 17%" align="left">
             Primary
         </td>
         <td style="width: 33%">
             @Html.PhoneTextFor(m => Model.Insured_Primary, new { style = "width:84%;font-size:13px", maxlength = "20", title = "Phone" })
         </td>
         <td style="width: 17%" align="right">
             Alternate
         </td>
         <td style="width: 33%">
             @Html.PhoneTextFor(m => Model.Insured_Alternate, new { style = "width:84%;font-size:13px", maxlength = "20", title = "AlternatePhone" })
         </td>
      </tr>
   </table>

你能帮我们解决上述问题吗?

Answer 1

这听起来不像是jQuery的问题，所有主流浏览器都支持从一个html元素到另一个元素的选项卡功能，而无需使用javascript。

你提供的razor代码的html源输出是什么样子的?

为了使制表符索引正常工作，必须在每个元素上指定制表符索引属性<input type="text" tabindex="1"/>。索引值指定"选项卡"顺序。

http://www.w3schools.com/tags/att_global_tabindex.asp