如何在jquery中设置Tab键顺序

Question

我正在使用Telerik控件,特别是数字文本框,您可以在其中设置上下箭头以增加/减少文本框中的值.我需要设置标签顺序以移动到下一个字段,但由于上下箭头上有一个按钮,浏览器将首先浏览这些按钮,然后移动到下一个文本框字段.

如何设置jquery来检测下一个可见的文本框/下拉/输入字段,并按下选项卡按钮而不是通过它附近的按钮移动到该字段？

Answer 1

$(function() {
  var tabindex = 1;
  $('input,select').each(function() {
     if (this.type != "hidden") {
       var $input = $(this);
       $input.attr("tabindex", tabindex);
       tabindex++;
     }
  });
});

Answer 2

实际上，您可以使用 HTML 属性tabindex对页面上的所有输入按数字升序进行设置。因此，要跳过按钮，请从页面上的第一个输入开始分配它tabindex=1，第二个tabindex=2输入相应地设置后续输入。当您到达要跳过的按钮时，只需不要为它们提供 tabindex 值，或在列表末尾为它们提供索引。