您如何以及何时在Button元素上使用tabIndex=0？

Question

我目前正在开发我的React应用程序，并试图使我的多个按钮，我在那里，是响应的 click 和 keydown 事件。在浏览Stack Overflow和一些YouTube教程时，我注意到他们一直在使用 tabIndex=0 属性，并结合某种类型的 key 事件。我想知道为什么要这样做？你又如何以及何时会使用 tabIndex=0 在你 Button 元素？

Answer 1

tabindex 你可能已经发现了，允许元素接收键盘焦点，即通过按tab导航。tabIndex的值之所以是 0是它不会改变标签顺序，因此保持标签顺序与页面的逻辑流程一致。

设置大于1的索引值，定义指定的标签顺序。这并不理想，因为。

1. 标签顺序不能通过重新排列内容中的元素来改变。
2. 对于视障用户来说，屏幕阅读器在阅读元素时，会用 tabindex 的值的顺序，与页面中的视觉效果相比，可能会有不同的顺序。

因此在使用tabindex时，一定要将它的值设置为 0.

Answer 2

tabindex用于键盘导航，例如对于使用读屏器的人来说，tabindex=0决定了在你按下tab键后，第一个元素将被关注。tabindex=0决定了在你按下tab键后，第一个元素将被关注。