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

Question

我已经动态创建了一个 table 元素，后跟一个搜索和重置按钮。通常，制表符通过输入字段和 table 中的 select 字段起作用。 Tabbing 跳过复选框，这并不困扰我。然而，在 table 之后出现了两个按钮，搜索和重置。使用 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 代码按预期工作。感谢您的帮助！！！

Answer 1

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

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

dynamically created input button is being skipped by tabbing ... how to set tabindex

html

javascript

php

jquery

tabindex