Wie kann man den Tastaturfokus von Links in Firefox erlauben?

Gehen Sie zu dieser ultra-einfache Fiedel in einen Webkit-browser und klicken Sie auf einen der Eingänge:

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>

Dann feststellen, dass man Tastatur navigieren Sie durch die beiden Eingänge und der Verknüpfungen mit der Tab - Taste (und Shift+Tab zum navigieren in umgekehrter Reihenfolge).

Nun, Blick auf die gleiche Geige in Firefox auf Mac OS und die gleiche Sache zu tun. Die Eingänge Fokus erhalten, aber die links nicht den Fokus erhalten. Es ist kein CSS-problem angezeigt. Der Fokus springt von der letzten Eingabe der URL-Leiste.

Habe ich versucht, endlose Kombinationen von tabindex Erklärungen, die im markup und nicht in Anspruch nehmen, z.B.:

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

Was zum Teufel ist hier Los? Ich akzeptiere jede Antwort, die hat:

a) eine Geige funktioniert in Firefox
b) eine Erläuterung, was genau Los ist hier im Mozilla den Kopf. Es scheint im Widerspruch zu den Spezifikation.

InformationsquelleAutor der Frage Ben | 2012-07-28

  1. 136

    Ok, jemand erklärt es mir. Es ist ein Mac-problem. Mozilla wird true, um die Einstellungen des Betriebssystems in Mac OS.

    Gibt es zwei unterschiedliche Möglichkeiten, um dieses auf der Benutzer-Seite. Beide scheinen zu funktionieren:

    1) In den Systemeinstellungen>mit der Tastatur in die Tastatur-shortcuts-Bereich, überprüfen Sie die "alle Steuerungen" radio.

    2) In Firefox, geben Sie "about:config" in der URL-Leiste. Es gibt keine accessibility.tabfocus Präferenz auf dem mac, so müssen Sie eines machen. Mit der rechten Maustaste in das Fenster,, erstellen Sie eine neue "ganzzahlige" pref, und legen Sie es auf 7.

    Keiner dieser furchtbar offensichtlich. Auch, weder von diesen sind eine server-side-Lösung für Entwickler, das ist frustrierend.

    InformationsquelleAutor der Antwort Ben

  2. 1

    können Sie ändern <a> auf <button> wenn es möglich ist, in Ihrer situation,

    http://jsfiddle.net/eK4TT/26/

    InformationsquelleAutor der Antwort sglazkov

Schreibe einen Kommentar