jquery tabindex/焦点和热键
jquery tabindex/焦点和热键
提问于 2009-07-10 04:23:03
在一些浏览器中，tabindex似乎存在一些问题，所以我想使用javascript/jquery来解决这些问题。具体地说，FF3.5 (Mac)根本不接受tabindex或关注链接。我的网站上运行着jquery 1.3.2和js-hotkey0.7.9。
我有一个页面上的4个表格，我可以使用一个链接之间切换。现在，当页面加载时，我使用它的id来显示其中的1个链接以获得焦点。然后我希望能够在每个链接之间使用tab键来显示每个表单。
精简后的代码如下所示：
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>Jquery
$(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();
});
});回答 2
Stack Overflow用户
发布于 2009-07-10 04:53:49
这不是Firefox的问题。这是针对Mac OS的系统设置。在“系统首选项”、“键盘和鼠标”以及“键盘快捷键”中，有一个完整的键盘访问设置，允许用户配置是否希望Tab将键盘焦点更改为仅文本框和列表或所有控件。默认情况下，它仅设置为文本框和列表。
Mac OS上的Safari在Safari、首选项、高级、按Tab键中有一项设置，可突出显示网页上的每个项目以覆盖此行为。
Stack Overflow用户
发布于 2009-07-10 04:26:28
我想你忘记了“post”后面的"Form“：
$("form#postForm"+postOptionSelected).show();
$("form.postForm:not(#postForm"+postOptionSelected+")").hide();页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/1107683
复制相关文章
相似问题
腾讯云开发者
