通过Tab键设置表格中的元素

Question

我有一张桌子，我需要通过标签来集中精力。现在，当我浏览我的页面时，它将完全跳过表格。我添加了一个href="#"，它允许选项卡专注于我放置的元素，但这会破坏我的onclick Javascript。除了做标签索引之外还有其他方法吗？

Answer 1

我完全不明白你的问题，但是如果你正在谈论表格填充，那么使用这个方法，并用选项卡标记输入字段..你也可以相应地更改标签号，

    <form>
<table>
    <tr>
    <td><input tabindex="1" name=""/></td>
    <td><input tabindex="3" name=""/></td>
    </tr>
    <tr>
    <td><input tabindex="2" name=""/></td>
    <td><input tabindex="4" name=""/></td>
    </tr>
    </table>

Answer 2

检出此JS库：keyboard-navigator

使用Tab键浏览表格元素可能不是一个好主意（如果表格中包含大量数据），请使用箭头键。

您可以在上面的库中找到此实现。

在此实现中，您将在页面上切换，并会到达表的包含元素，现在用户可以使用箭头键在各行之间导航。

再次单击选项卡时，焦点将跳至表格后的下一个可制表元素，而将焦点从表格中的元素跳过。这样，用户就不必在所有行中使用制表符来访问表格后面的元素。