HTML表上的Tab键行为

Question

我有一个包含5行和5列的HTML表格。现在，当用户开始填写数据，并希望从一个单元格导航到另一个单元格时，他们单击选项卡并且光标水平移动。

而不是水平，我想垂直移动。如下图所示。这是非常棘手的，因为我们想要覆盖基本的操作系统？浏览器功能。

Answer 1

全局属性tabindex：

  

tabindex内容属性允许作者控制元素是否应该是可聚焦的，是否应该使用顺序焦点导航可以到达，以及元素的相对顺序是什么用于顺序焦点导航。

值必须是整数（您需要大于0的值;有关详细信息，请参阅链接的规范）。

Answer 2

一种方法是使用javascript onkeypress事件，然后将下一个单元格放下焦点。 onkeypress="if(event.keycode == 8) {document.getElementById('NEXT CELL DOWN').focus()"}在此示例中，8是tab键代码。 NEXT CELL DOWN可以为每个单元格进行硬编码，或者您可以使用基于当前单元ID的算法将其移动到下一个单元ID。例如，如果在单元格1上按下tab，则下一个单元格可以是cell1 ++。这有意义吗？