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

わかりました、誰かが私にこれを説明しました。マックの問題です。Mozilla は、Mac OS のオペレーティング システム設定に忠実です。

ユーザー側でこれを回避する方法は 2 つあります。どちらもうまくいくようです：

  1. System Preferences → KeyboardのShortcutsペインで、下部にある「all controls」ラジオをオンにします。

  2. Firefox では、about:configURL バーに「 」と入力します。Mac には設定がないaccessibility.tabfocusので、作成する必要があります。ウィンドウを右クリックして、新しい「整数」設定を作成し、7 に設定します。

これらはどちらもひどく明白ではありません。また、どちらも開発者向けのサーバー側のソリューションではないため、イライラします。

于 2012-07-29T22:27:54.403 に答える