通过Tab键跳过动态创建的输入按钮...如何设置tabindex

时间:2015-04-25 13:30:13

标签: javascript php jquery html tabindex

我动态创建了一个包含元素的表,后跟搜索和重置按钮。通常,Tab键通过输入字段和表中的选择字段来工作。标签跳过复选框,这不是困扰我。但是,在表格出现两个按钮后,搜索并重置。标签时会动态添加这些按钮。

$('#' + 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()">');

我尝试添加以下代码:

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

哪个没有帮助。 Php生成的html代码按预期工作。 谢谢你的帮助!!!

1 个答案:

答案 0 :(得分:0)

我猜你是在Mac上?默认情况下,复选框和按钮不包含在“选项卡”旋转中。您可以在“设置”,“键盘”,“快捷方式”中更改设置,然后选择底部的“所有控件”。按钮和复选框现在应该包含在旋转中,是的,它应该根据它们在DOM层次结构中出现的顺序循环。

enter image description here