jQueryのUIのAPI - :フォーカス可能なセレクタ
カテゴリ
使用法
説明:フォーカスのある要素を選択してください。
jQuery( ":focusable" )
他の要素が明示的にタブインデックスを設定する必要がありながら、いくつかの要素自体は、(フォーカス可能)フォーカス可能です。 どちらの場合も、(フォーカス可能)集中するためには、要素が表示されている必要があります。
エレメント以下のタイプ無効になっていない場合、それはフォーカス可能(フォーカス可能)です: input
、 select
、 textarea
、 button
やobject
。 アンカー場合href
かtabindex
属性がフォーカス可能(フォーカス可能)です。 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"> <スタイル> 入力、P { 国境: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> <入力値= "テキスト入力"> </ div>の <DIV>のhref </ div>のなし</a>のアンカー<A> <DIV> <a href="#">のhrefとする</a>アンカー</ DIV> <DIV> <P>のtabindex段落のない</ P> </ DIV> <DIV> <Pでtabindex = "1">段落tabindexを持つ</ P> </ DIV> <スクリプト> $( ":Focusableの")の.css( "ボーダーカラー"、 "赤"); </スクリプト> </ BODY> </ HTML>