Wie mache ich ein span-Element zu einem regelmäßigen Tabstopp innerhalb eines Formulars?

8

Ich habe ein Formular-Steuerelement erstellt, das als Container verwendet wird (siehe den Ja / Nein-Schalter unten)


Hier ist der Code dafür:

%Vor%

Mein CSS ist für die Frage nicht relevant, aber es ist für das Verständnis meiner Kontrolle enthalten:

%Vor%

und der JS, der alles funktioniert:

%Vor%

Das Problem ist , dass ich dies überall in meiner Anwendung für die Dateneingabe verwende. Wolltest du schon immer NICHT die Maus benutzen, wenn du viele Daten eingibst? Ja ich auch. Also drückst du TAB und ein Toggle wie dieser sollte auf die Leertaste reagieren. Aber da es nur ein Element ist, wird es ganz übersprungen.

Ich hoffe, dass jemand mir helfen kann, die Frage zu lösen: "Wie zum Teufel mache ich das zu einem Tabstopp und bin in der richtigen Reihenfolge "?

============== BEARBEITEN SIE: HIER IST MEIN UPDATE JQUERY CODE, DER DIE LÖSUNG ENTHÄLT:

%Vor%     
mydoglixu 02.10.2014, 03:31
quelle

2 Antworten

8

Setzen Sie Ihren Tabindex auf 0, auf die Nicht-Ankerelemente, die Sie "tabbabel" machen möchten. Zum Beispiel tabindex="0" . Auf diese Weise werden Sie sich nicht mit der Tab-Reihenfolge herumschlagen oder Tabindexes überall herumwerfen müssen.

    
bruh 02.10.2014, 04:32
quelle
0

Sehen Sie sich das html-Attribut tabindex an. Grundsätzlich sollten Sie tabindex für jede Eingabe, die Sie fokussieren möchten, über die Tab-Taste einstellen können. Beginne die erste mit 1 und zähle für jede Eingabe aufwärts. Wenn Sie auch eine Eingabe außerhalb des Fokus über die Tabulatortaste vornehmen möchten, setzen Sie tabindex auf -1 .

    
Adam Merrifield 02.10.2014 03:46
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Scala-Funktion, die ein anonymes Objekt zurückgibt?