html焦点输入与BOTH tabbing和focus()

时间:2012-04-02 21:21:42

标签: javascript html focus accessibility tabbing

假设我有

<input id="a" />
<a href="foo">foo</a>
<input id="b" />

默认情况下,标签会将我从a发送到foob。如果我想直接从a转到b,我可以这样做

document .getElementById ("a") .setAttribute ("tabindex", 1);
document .getElementById ("b") .setAttribute ("tabindex", 2);

但现在以下内容无效,因为focus()显然需要tabindex=-1

document .getElementById ("b") .focus ();

我可以同时拥有两个吗?

3 个答案:

答案 0 :(得分:0)

这不是我所看到的(Chrome)。准确地将您拥有的内容粘贴到http://jsfiddle.net/mendesjuan/wW7Uy/

将焦点放入第二个文本字段,并且标签顺序符合预期(a-&gt; b-&gt;链接)

答案 1 :(得分:0)

您是否尝试过将HTML更改为:

<input id="a" tabindex = "1" />
<a href="foo" tabindex = "2">foo</a>
<input id="b" tabindex = "3" />

如果您希望浏览器跳过foo,则会给它一个-1的tabindex。 -1告诉浏览器不要对该元素进行tabstop。

如果我错过了什么,请告诉我。

答案 2 :(得分:0)

它突然开始工作,不知道发生了什么变化。也许是缓存的脚本。