Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jQuery可访问性-通过站点进行选项卡切换_Jquery_Tabs_Focus_Accessibility - Fatal编程技术网

jQuery可访问性-通过站点进行选项卡切换

jQuery可访问性-通过站点进行选项卡切换,jquery,tabs,focus,accessibility,Jquery,Tabs,Focus,Accessibility,我正在尝试在我的站点中创建选项卡焦点。每次用户点击tab键时,焦点都会移动到页面上的下一项 这在ie(测试版本9和8)中适用,但在FF中它只适用于表单元素 我可以使用jquery更普遍地工作吗 谢谢。给你想要的一切选项卡属性tabindex=“0” 例如: <b tabindex="0">Tabbable Title</b> <p tabindex="0">My tabbable content</p> <div tabindex="0"

我正在尝试在我的站点中创建选项卡焦点。每次用户点击tab键时,焦点都会移动到页面上的下一项

这在ie(测试版本9和8)中适用,但在FF中它只适用于表单元素

我可以使用jquery更普遍地工作吗


谢谢。

给你想要的一切选项卡属性
tabindex=“0”

例如:

<b tabindex="0">Tabbable Title</b> 
<p tabindex="0">My tabbable content</p>
<div tabindex="0" style='height: 100px; width: 100px; border: 1px solid red;'></div>
选项卡式标题

我的选项卡内容

,只需单击“选项卡标题”文本,按TAB键前进,按Shift+TAB键返回元素


这将按每个元素在页面上的显示顺序对其进行制表。您还可以指定自己的制表顺序,方法是为tabindex指定一个非0的数字,它将制表从1到2到3等。

是的,您可以。使用jQuery,您可以使用:

$(function() {            
    if($.browser.mozilla) 
        $('*').attr('tabindex', 0);
});

默认情况下,只有WebKit浏览器和/或OS X浏览器具有这种行为,并且可以像在任何其他浏览器上一样切换到“通过表单元素和链接进行选项卡切换”。测试的具体配置是什么?检查此线程:为什么在表单元素和链接在每个浏览器中都已可聚焦时,使用非聚焦元素,然后使用tabindex属性使其可聚焦?因为这是一个问题,“我可以更普遍地使其工作吗”。它已经普遍工作了。。。(我相信WebKit上有一个模化选项,我们从OP那里没有这方面的消息)。我不知道你在说什么!你真的想让div.clear(和其他没有信息的元素)成为焦点,还是这里的通用选择器只是一个例子?当你开始关注Firefox时,你是否观察到了与OP类似的行为?