2012-03-02 40 views
0

我想更改某些复选框选项卡的顺序。问题是,我的应用程序可以打开多个选项卡,每个选项卡都具有相同的表单。另外,我在复选框前还有其他字段。如何在不影响DOM中其他输入的情况下更改这些特定复选框的Tab-index?使用tabindex和多种形式

编辑:

下面是我使用的形式。

形式将通过被聚焦在第一输入(一个以“最后一本书”,因为它的价值)也应该正常选项卡,直到你获得的成绩开始。然后它应该关闭。与主题相同。如您所见,可以有多个包含此表单的选项卡。

+0

我假设你已经使用tabIndex =价值审判,它没表演你想要的东西? – Ohgodwhy 2012-03-02 22:00:42

+0

你可以发布你的html的示例代码,并jQuery或链接到jsfiddle。 – DG3 2012-03-02 22:01:47

+0

好吧,如果我在其他输入后面的复选框中将tabindex设置为0,那么浏览器选项卡会不会先到达那个位置?我没有真正尝试过,我只是想找到最好的方法来做到这一点。 – LordZardeck 2012-03-02 22:12:29

回答

0

人们似乎无论是脚本标签ndex标签ndex取决于之间的差异,或者是有特定内容类型或浏览器,或者是直接通过html设置。

虽然我没有这个测试我自己,我建议如下:

使用的tabIndex跨浏览器和内容类型

我总是在标记与小写使用tabindex属性。请参阅下面的表 中的第1行。

在通过 element.tabIndex设置脚本时,使用带有大写字母I的tabIndex。请参见下表中的第4行。

检查浏览器和/或经由 element.setAttribute(在脚本中设置时,如果是IE或内容类型是文本/ html内容类型) - 经由 elem.setAttribute(的tabIndex)大写设置。请参见下表中的第6行。

如果是content-type application/xhtml + xml或不是IE 6或7 - 通过 设置elem.setAttribute(tabindex)小写。请参阅下表中的第7行

当使用getAttribute(tabindex)将标记中的 设置为小写字母时查询值时使用小写。请参见下表中的第9行。

当使用getAttribute(tabindex)查询值时使用小写, 直接在元素上使用element.tabIndex大写设置。见下表中的行 15。

使用element.tabIndex直接在元素上设置tabIndex避免了 在获取值时必须检查浏览器或内容类型。

如果遵循上述规则,则在可用时使用hasAttribute(tabindex)查询 值时使用小写。请参阅下表中的第25,31, 和33行。

从这里摘自:http://www.weba11y.com/blog/2007/11/29/fun-with-the-tabindex-attribute/

在整个主题有趣的测试,也可以在这里找到:http://www.weba11y.com/info/tabindexAccessStrictX10.xhtml