Latest web development tutorials

jQuery UI API -: Selector focusable

catégorie

Selector (sélecteurs) | le noyau de l' interface utilisateur (UI de base)

usage

Description: Choisissez un élément ciblé.

jQuery( ":focusable" )

Certains éléments eux-mêmes sont focusable (focusable), tandis que d'autres éléments doivent définir explicitement l'index de tabulation. Dans les deux cas, afin de se concentrer (focusable), l'élément doit être visible.

Les types d'éléments suivants, sinon désactivé, il est focalisable (focusable): input , select , textarea , button et object . Si l'ancre avec href ou tabindex attributs sont focusable (focusable). area éléments Si une carte nommée, et avec un href attribut, et il y a une image visible en utilisant la carte, il est focalisé (focusable). Tous les autres entièrement basé sur le tabindex attribut et la visibilité de l'élément est focalisable (focusable).

REMARQUE: élément d'onglet avec un indice négatif est :focusable , non :tabbable .

Exemples

Sélectionnez l'élément focusable et mis en évidence avec une bordure rouge. 

<! DOCTYPE html>
<Html lang = "fr">
<Head>
  <Meta charset = "utf-8">
  <Titre>: Sélecteur focusable Exemples </ title>
  <Link rel = "stylesheet" href = "// code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
  <Style>
  entrée, un 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> <valeur d'entrée = "saisie de texte"> </ div>
<Div> <a> ancre </a> sans href </ div>
<Div> <a href="#"> ancre </a> avec le href </ div>
<Div> <p> sans le paragraphe tabindex </ p> </ div>
<Div> <p tabindex = "1"> le paragraphe avec tabindex </ p> </ div>
 
<Script>
$ ( ": Focusable") Css ( "border-color", "rouge");
</ Script>
 
</ Body>
</ Html>

la