修改元素tabindex顺序

时间:2014-02-13 09:19:01

标签: html tabindex

我有一个网站,我正在为键盘用户提供它。这可能是之前被问过的,但我还没有找到办法让它工作。 :(

我遇到的问题是在某一点上有幻灯片和pauze / play链接。当用户通过网站进行选项卡时,他首先必须完成整个幻灯片放映,然后焦点才会出现在pauze / play链接上。

我尝试尽可能简单地重新创建它。

Fiddle here

当您浏览元素时,您会注意到焦点直接在幻灯片上,然后进入pauze / play链接。我知道这是正常行为,因为HTML结构。

我的问题是:我如何操纵这个顺序,每当我从最后一个“链接”选项卡时,焦点直接转到pauze / play而不是转到幻灯片。

我已经尝试过使用tabindex="0 / 1";,但是我需要把它放在所有元素上?

(旁注:网站上的在这个'幻灯片放映'之上有更多的HTML元素,我不能改变给出的结构

提前致谢!

2 个答案:

答案 0 :(得分:1)

如果不使用tabindex(或JavaScript),则无法更改标签选择。

jsfiddle

答案 1 :(得分:1)

更改此顺序的唯一方法是重新排序HTML元素。

tabindex本身可以做两件事:

  • 设置“可聚焦”元素的顺序
  • 它使元素“可聚焦”。

tabindex = -1元素无法获得焦点 tabindex = 0元素将在正常选项卡(语义)顺序中聚焦 tabindex = 1具有正值的元素将首先关注