jQuery UI API -: Selektor tabbable
kategoria
Selector (Selektor) | rdzeń UI (UI rdzenia)
zwyczaj
Wybierz zakładkę Użytkownicy elementem kluczowym elementem może przejść: Opis.
Niektóre elementy Itself koncentruje pośrednictwem klawisza TAB (tabbable), podczas gdy inne elementy muszą jawnie ustawić dodatni indeks tabulacji. W obu przypadkach, w celu skoncentrowania się przez klucz zakładki (tabbable), przy czym element może być widoczne.
Następujące typy elementów bez negatywnego indeksu kartę i nie była wyłączona, skupia się za pośrednictwem klawisza TAB (tabbable): input
, select
, textarea
, button
i object
. Jeśli kotwica z href
lub pozytywnej tabindex
atrybutu, skupia (tabbable) poprzez klawisz TAB. area
elementów Jeśli nazwanego mapie iz href
atrybutu, i nie jest widoczny obraz, korzystając z mapy, to skupia się za pośrednictwem klawisza TAB (tabbable). Wszystkie inne oparte wyłącznie na tabindex
atrybutów elementów i widoczności koncentruje pośrednictwem klawisza TAB (tabbable).
UWAGA: Element zakładka z ujemnym wskaźnikiem jest :focusable
, a nie :tabbable
.
Przykłady
Wybierz ostrość klawisz TAB przez elementy i podkreślone czerwonym obramowaniem.
<! DOCTYPE html> <Html lang = "pl"> <Head> <Meta charset = "utf-8"> <Title>: Przykłady tabbable Selector </ title> <Link rel = "stylesheet" href = "// code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"> <Style> wejście { border: 1px solid # 000; } div { padding: 5px; } </ Style> <Script src = "// code.jquery.com/jquery-1.10.2.js"> </ script> <Script src = "// code.jquery.com/ui/1.10.4/jquery-ui.js"> </ script> </ Head> <Body> <Div> <wartość wejściowa = "no tabindex"> </ div> <Div> <input tabindex = "5" value = "pozytywne tabindex"> </ div> <Div> <input tabindex = "- 1" value = "negatyw tabindex"> </ div> <Script> $ ( ": Tabbable") .css ( "border-color", "czerwony"); </ Script> </ Body> </ Html>