Question

我在我的代码中使用了tabindex，一切都很好，它的工作在Firefox中运行，ie8，safari但它在ie7中不能正常工作，当我在ie7中使用选项卡索引时它会出现两个输入文件然后它得到回到索引一;

示例：

<div tabindex=1>
    <a onclick="slide_down()" style="cursor:pointer;width:160px; padding-bottom:10px;" >sample link</a>
</div>
<div tabindex=2>
    <a onclick="slide_down()" style="cursor:pointer;width:160px; padding-bottom:10px;" >sample link1</a>
</div>
<div tabindex=3>
    <a onclick="slide_down()" style="cursor:pointer;width:160px; padding-bottom:10px;" >sample link2</a>
</div>

由于

Answer 1

从IE5开始，任何元素都可以有tabindex。所有当前的浏览器现在都实现了这种行为，您的原始示例将在Opera，Firefox和Webkit中正常工作。

但我不知道为什么你的例子在IE7中不起作用，因为它应该。更改为链接是一个实用的解决方案，并将修复它，但不一定是必要的。

您可以尝试使用驼峰式属性名称以编程方式重新应用它（对于大多数set-attribute值，旧版IE版本都需要这样做）：

myDiv.setAttribute('tabIndex', '0');

Answer 2

div标签上不允许使用Tabindex。试着把它放在你的链接中：

<div>
    <a tabindex="1" onclick="slide_down()" style="cursor:pointer;width:160px; padding-bottom:10px;" >sample link</a>
</div>

Answer 3

确保使用“tabIndex”和“I”大写字母而不是“tabindex”

Answer 4

您使用的是DOCTYPE吗？由于DIV标记不支持tabindex，因此IE7兼容性层可以根据DOCTYPE启用或禁用该属性。

来自HTML 4规范：

以下元素支持 tabindex属性：A，AREA，BUTTON， INPUT，OBJECT，SELECT和TEXTAREA。

http://www.w3.org/TR/REC-html40/

Tabindex不工作即7

4 个答案: