171

在 Webkit 浏览器中转到这个超简单的小提琴并单击输入:

http://jsfiddle.net/eK4TT/

<input type="text">
<input type="text">
<input type="text">
<a href="#">my first link</a>
<a href="#">my second link</a>
<a href="#">my third link</a>

然后,请注意,您可以使用Tab键(和Shift+Tab以相反的顺序导航)在输入和链接中进行键盘导航。

现在,看看 Mac OS 上的 Firefox 中的相同小提琴并做同样的事情。输入获得焦点,但链接不会获得焦点。这不是 CSS 显示问题。焦点从最后一个输入跳转到 URL 栏。

tabindex在标记中尝试了无尽的声明组合,但无济于事,例如:

http://jsfiddle.net/eK4TT/1/

这到底是怎么回事?我将接受任何具有以下内容的答案:

a)在 Firefox 中工作的小提琴
b)对 Mozilla 头脑中到底发生了什么的解释。它似乎与规范相矛盾。

4

2 回答 2

373

好的,有人向我解释了这一点。这是Mac的问题。Mozilla 忠实于 Mac OS 中的操作系统设置。

在用户端有两种不同的方法。两者似乎都有效:

  1. System PreferencesKeyboardShortcuts窗格中,选中底部的“所有控件”单选。

  2. 在 Firefox 中,about:config在 URL 栏中键入“”。mac上没有accessibility.tabfocus偏好,所以你必须做一个。右键单击窗口,创建一个新的“整数”首选项,并将其设置为 7。

这些都不是很明显。此外,这些都不是开发人员的服务器端解决方案,这令人沮丧。

于 2012-07-29T22:27:54.403 回答
15

在 MacOS Big Sur 上是这样完成的:

勾选复选框Use keyboard navigation...

勾选底部的使用键盘导航。

我也不必破解 about:config

于 2021-02-15T13:11:39.730 回答