HTML5 Table Tab Focus,如何始终使用 tab 键遍历同一行?
HTML5 Table Tab Focus, how to always iterate over the same row with the tab key?
如下情况:有一个HTMLtable.
用户现在可以使用 Tab 键浏览行中的各个字段。
然而,在最后一个字段,它跳转到下一行。
我想要的:
它应该跳回到当前行的开头并再次遍历元素。
不应自动更改任何行
我的HTMLTable
<table>
<thead>
<tr>bla</tr>
<tr>blub</tr>
</thead>
<tbody>
<tr>
<td contenteditable='true'></td>
<td contenteditable='true'></td>
</tr>
<tr>
<td contenteditable='true'></td>
<td contenteditable='true'></td>
</tr>
</tbody>
</table>
我找到了解决办法。
最后一个元素现在有一个函数 onfocusout=setnewfocus()
,这只是将焦点设置回第一个元素。
如下情况:有一个HTMLtable.
用户现在可以使用 Tab 键浏览行中的各个字段。 然而,在最后一个字段,它跳转到下一行。
我想要的: 它应该跳回到当前行的开头并再次遍历元素。 不应自动更改任何行
我的HTMLTable
<table>
<thead>
<tr>bla</tr>
<tr>blub</tr>
</thead>
<tbody>
<tr>
<td contenteditable='true'></td>
<td contenteditable='true'></td>
</tr>
<tr>
<td contenteditable='true'></td>
<td contenteditable='true'></td>
</tr>
</tbody>
</table>
我找到了解决办法。
最后一个元素现在有一个函数 onfocusout=setnewfocus()
,这只是将焦点设置回第一个元素。