Latest web development tutorials

jQuery UI API -: Selektor aktywowana

kategoria

Selector (Selektor) | rdzeń UI (UI rdzenia)

zwyczaj

Opis: Wybierz skupionego element.

jQuery( ":focusable" )

Niektóre same elementy są aktywowana (aktywowana), podczas gdy inne elementy trzeba jawnie ustawiony indeks tabulacji. W obu przypadkach, w celu skoncentrowania (aktywowana), element musi być widoczny.

Następujące typy elementów, jeśli nie jest wyłączony, jest aktywowana (aktywowana): input , select , textarea , button i object . Jeśli kotwica z href lub tabindex atrybutów jest aktywowana (aktywowana). area elementów Jeśli nazwanego mapie iz href atrybutu, a tam jest widoczny obraz, korzystając z mapy, to skupia (aktywowana). Wszystko inne w całości oparte na tabindex atrybutu i widoczności tego elementu może być aktywowana (aktywowana).

UWAGA: Element zakładka z ujemnym wskaźnikiem jest :focusable , a nie :tabbable .

Przykłady

Wybierz Regulowana element i podkreślone czerwonym obramowaniem. 

<! DOCTYPE html>
<Html lang = "pl">
<Head>
  <Meta charset = "utf-8">
  <Title>: Przykłady aktywowana Selector </ title>
  <Link rel = "stylesheet" href = "// code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
  <Style>
  wej, a, p {
    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 = "input text"> </ div>
<Div> <a> zakotwiczyć </a> bez href </ div>
<Div> <a href="#"> zakotwiczyć </a> z href </ div>
<Div> <p> bez tabindex akapit </ p> </ div>
<Div> <p tabindex = "1"> akapit z tabindex </ p> </ div>
 
<Script>
$ ( ": Regulowana") .css ( "border-color", "czerwony");
</ Script>
 
</ Body>
</ Html>