jquery - 使用 jQuery 准确地将 tabindex 设置为 div

Question

我使用 jQuery 构建了一个控件：

<div class="my-control" />
...
$('.my-control').myControl(); // builds it up as a ui element

目前它只是一堆 div、span、样式、鼠标行为等。它没有获得焦点或参与选项卡的选择。

我发现 tabindex 的使用在给予它焦点时很尴尬。很难知道赋予它什么价值。该控件需要检查文档的其余部分，注意其他可聚焦的控件，注意文档的其余部分何时更改等。

是否可以像往常一样说 focusable=true 并让它按文档位置计算标签顺序？

除了 tabindex，还有其他技术可以做到这一点吗？

Answer 1

tabindex="0"应该没事。

正如HTML5 规范tabindex所指出的：

如果值为零

用户代理必须设置元素的 tabindex 焦点标志，应该允许使用顺序焦点导航到达元素，并且应该遵循平台约定来确定元素的相对顺序。