Javascript 选项卡正在跳过动态创建的输入按钮。。。如何设置tabindex

我已经动态创建了一个表，其中包含元素，后跟一个搜索和重置按钮。通常，选项卡通过输入字段和选择表中的字段进行操作。Tabbing跳过复选框，这并没有困扰我。然而，在表格之后出现了两个按钮，搜索和重置。动态添加这些按钮将在切换时跳过

$('#' + div_id).append('<input type="button" class = "button" value="Search" onclick="'+this.table_name+'.submitSearch()">');
$('#' + div_id).append('<input type="button" class = "button" value="Reset" onclick="'+ this.table_name +'.resetSearch()">');

这是没有帮助的。Php生成的html代码按预期工作。

---

谢谢你的帮助

我想你是在Mac电脑上吧？默认情况下，“选项卡”旋转中不包括复选框和按钮。您可以在“设置”、“键盘”、“快捷键”中更改设置，并选择底部的所有控件。按钮和复选框现在应该包括在旋转中，是的，它应该根据它们在DOM层次结构中出现的顺序循环

---

你能做一把小提琴来演示这个问题吗？啊。。。。不同的浏览器正在做完全不同的事情。。。safari正在跳过选项卡上的所有按钮。Chrome以一种看似有序的随机顺序（首先是按钮，然后是链接，然后是动态创建的表输入）处理所有内容，没有

tabindex

，它们应该按照它们在DOM层次结构中出现的顺序来处理。fiddle:谢谢，修复了，但OMG已经不再是神圣的了？苹果决定你不需要再按复选框或按钮了。就像他们决定不需要将文件夹与Finder中的文件分开排序一样，只需重新声明这只会影响动态创建的元素，php生成的html会按预期工作

$(":input:not(:hidden)").each(function (i) 
    {
        console.log(this.id);
        $(this).attr('tabindex', i + 1); 
    });