Latest web development tutorials

jQuery UI API -: Pemilih focusable

kategori

Pemilih (Penyeleksi) | UI inti (UI Core)

pemakaian

Keterangan: Pilih elemen terfokus.

jQuery( ":focusable" )

Beberapa elemen sendiri focusable (focusable), sedangkan unsur-unsur lain perlu secara eksplisit mengatur indeks tab. Dalam kedua kasus, dalam rangka untuk fokus (focusable), elemen harus terlihat.

Berikut jenis elemen, jika tidak cacat, itu adalah focusable (focusable): input , select , textarea , button dan object . Jika jangkar dengan href atau tabindex atribut focusable (focusable). area unsur Jika peta bernama, dan dengan href atribut, dan ada gambar terlihat menggunakan peta, itu difokuskan (focusable). Semua lainnya berdasarkan sepenuhnya pada tabindex atribut dan visibilitas elemen adalah focusable (focusable).

CATATAN: tab elemen dengan indeks negatif adalah :focusable , tidak :tabbable .

contoh

Pilih elemen focusable dan disorot dengan perbatasan merah. 

<! DOCTYPE html>
<Html lang = "en">
<Head>
  <Meta charset = "utf-8">
  <Title>: focusable Selector Contoh </ title>
  <Link rel = "stylesheet" href = "// code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
  <Gaya>
  input,, 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>
</ Kepala>
<Body>
 
<Div> <value input = "text input"> </ div>
<Div> <a> jangkar </a> tanpa href </ div>
<Div> <a href="#"> jangkar </a> dengan href </ div>
<Div> <p> tanpa ayat tabindex </ p> </ div>
<Div> <p tabindex = "1"> paragraf dengan tabindex </ p> </ div>
 
<Script>
$ ( ": Focusable") Css ( "border-color", "merah");
</ Script>
 
</ Body>
</ Html>