从键盘导航中排除按钮[重复]

Question

我有一个这样的html表单结构：

<textarea id="text1"></textarea>
<button id="button1">
<button id="button2">
<textarea id="text2"></textarea>

我正在尝试在不同浏览器中获得一致的键盘导航行为。使用制表符导航时，只有文本区域应该被聚焦，而不是按钮。例如。 text1 被聚焦，使用制表符应该聚焦 text2，忽略 button1 和 button2。

Safari 似乎默认有这种行为，firefox 提供了-moz-user-focus。有没有办法在 Chrome 和 Edge 中完成这种行为？

Answer 1

您可以使用tabindex (W3 Schools) 来更改制表符的行为。