Question

我有以下html：

<span tabindex="19">

</span>

<span tabindex="20">

</span>

<span tabindex="21">

</span>

<span id="hidden" tabindex="22">

</span>

<span tabindex="23">

</span>

<span tabindex="24">

</span>

正如您可以看到其中一个跨度被隐藏，隐藏它的代码是

#hidden
{
display: none;
}

我想要一个选项卡跳过隐藏索引的行为。当我点击标签时，我想要这样的东西： - 去19,20,21,23,24

我无法控制选项卡索引，因为它们将在html i进程中进行硬编码。

Answer 1

谢谢你们!!

我尝试了很多东西，所以我用

隐藏它是错误的

#hidden
{
display : none.
}

我试过

#hidden
{visibility : hidden }

和标签会跳过标记为隐藏的链接。

Answer 2

如果您发布了代码，这会有所帮助，但您可以尝试这样的事情：

$("#hidden").attr("disabled","disabled");

Answer 3

你可以给它一个负的tabindex，它应该被浏览器忽略。还有jQuery插件也可以这样做，例如SkipOnTab https://github.com/joelpurra/skipontab。

?firstpage=FIRSTPAGEURL

Answer 4

通常，制表符事件会自动跳过不可见的HTML元素。但是，加载页面后，硬编码的HTML部分可以使用JavaScript覆盖：

<script>
    window.addEventListener("load", function()
    {
        document.getElementById("hidden").setAttribute("tabindex", "-1");
    });
</script>

JQuery也是一个解决方案，但90kByte对于这个简单的任务来说有点重。

跳过隐藏的选项卡索引

4 个答案: