jQueryのUIのAPI - :タブ移動セレクター
カテゴリ
使用法
説明:タブキーフォーカス要素が通過できるユーザーを選択してください。
jQuery( ":tabbable" )
他の要素が明示的に正のタブインデックスを設定する必要がありながら、いくつかの要素自体は、タブキー(タブ移動)を介して結像されます。 どちらの場合も、Tabキー(タブ移動)を介して集中するためには、要素が表示されている必要があります。
:負のタブインデックスを持つことなく、要素の種類を以下と無効になっていない、タブキー(タブ移動)を介して結像されるinput
、 select
、 textarea
、 button
やobject
。 場合とアンカーhref
または正tabindex
属性は、Tabキーによる(タブ移動)集束されます。 area
名前のマップの場合、および持つ要素href
属性、およびマップを使用して可視像があるが、それは、タブキー(タブ移動)を介して結像されます。 のみに基づいて、他のすべてtabindex
要素の属性と可視性はタブキー(タブ移動)を介して結像されます。
注:負のインデックスを持つタブ要素がある:focusable
、ない:tabbable
。
例
要素をタブキーフォーカスを選択し、赤い枠線で強調しました。
<!DOCTYPE HTML> <HTML LANG = "EN"> <ヘッド> <メタ文字セット= "UTF-8"> <タイトル>:タブ移動セレクタ例</タイトル> <リンクのrel = "スタイルシート"のhref = "// code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"> <スタイル> 入力{ 国境:1pxの固体#000; } div要素{ パディング:5pxの; } </スタイル> <SCRIPT SRC = "// code.jquery.com/jquery-1.10.2.js"> </スクリプト> <SCRIPT SRC = "// code.jquery.com/ui/1.10.4/jquery-ui.js"> </スクリプト> </ HEAD> <ボディ> <DIV> <入力値= "なしでtabindex"> </ div>の <DIV> <入力でtabindex = "5"値= "正のtabindex"> </ div>の <DIV> <入力でtabindex = " - 1"値= "負のtabindex"> </ div>の <スクリプト> $( ":タブ移動」)の.css("ボーダーカラー "、"赤 "); </スクリプト> </ BODY> </ HTML>