javascript - jquery tabindex/焦点和热键

Question

tabindex 在一些浏览器中似乎存在一些问题，所以我想使用 javascript/jquery 解决这些问题。特别是 FF3.5 (Mac) 根本不接受 tabindex 或关注链接。我的网站上运行了 jquery 1.3.2 和 js-hotkeys 0.7.9。

我在 1 个页面上有 4 个表单，我可以使用链接在它们之间切换。现在，当页面加载时，我使用它的 id 获得焦点的链接之一。然后我希望能够在每个链接之间切换以显示每个表单。

精简后的代码如下所示:

HTML

<nav id="postNav">
    <ul>    
        <li class="Nav1"><a href="#">1</a></li>
        <li class="Nav2"><a href="#">2</a></li>
        <li class="Nav3"><a href="#">3</a></li>
        <li class="Nav4"><a href="#">4</a></li>
    </ul>
</nav>

<form class="postForm" id="post1">
</form>

<form class="postForm" id="post2">
</form>

<form class="postForm" id="post3">
</form>

<form class="postForm" id="post4">
</form>

查询

$(document).ready(function(){               

    $("#postNav ul li a").click(function(event){
        var postOptionSelected = $(this).parent("li").attr("class").substr(3);
        $("form#post"+postOptionSelected).show();
            $("form.postForm:not(#post"+postOptionSelected+")").hide();
            event.preventDefault();
    });
});

Answer 1

这不是 Firefox 的问题。这是 Mac OS 的系统设置。在“系统偏好设置”、“键盘和鼠标”以及“键盘快捷方式”中，有一个“全键盘访问”设置，允许用户配置他们是希望 Tab 启用将键盘焦点更改为仅文本框和列表还是所有控件。它默认设置为仅文本框和列表。

Mac OS 上的 Safari 在 Safari、首选项、高级、按 Tab 突出显示网页上的每个项目以覆盖此行为中有一个设置。