jQuery UI API -: Selector de enfocable
categoría
Selector (selectores) | el núcleo de interfaz de usuario (UI Core)
uso
Descripción: Elija un elemento enfocado.
Algunos elementos en sí son enfocable (enfocable), mientras que otros elementos tienen que establecer explícitamente el índice de tabulación. En ambos casos, con el fin de enfocar (enfocable), el elemento debe ser visible.
Los siguientes tipos de elementos, si no se deshabilitado, es enfocable (enfocable): input , select , textarea , button y object . Si el anclaje con href o tabindex atributos son enfocable (enfocable). area los elementos Si un mapa llamado, y con un href atributo, y hay una imagen visible usando el mapa, se centra (enfocable). Todos los demás basado enteramente en el tabindex atributo y la visibilidad del elemento es enfocable (enfocable).
NOTA: elemento de pestaña con un índice negativo es :focusable , no :tabbable .
Ejemplos
Seleccionar elemento enfocable y destacó con un borde rojo.
<! DOCTYPE html>
<Html lang = "es">
<Head>
<Charset Meta = "UTF-8">
<Title>: Ejemplos enfocable selectores </ title>
<Link rel = "stylesheet" href = "// code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
<Style>
de entrada, a, p {
frontera: 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>
<Cuerpo>
<Div> <valor de entrada = "Entrada de texto"> </ div>
<Div> <a> anclar </a> sin el href </ div>
<Div> <a href="#"> anclar </a> con el href </ div>
<Div> <p> tabindex sin el párrafo </ p> </ div>
<Div> <p tabindex = "1"> el párrafo con índice de tabulación </ p> </ div>
<Script>
$ ( ": Enfocable") .css ( "border-color", "rojo");
</ Script>
</ Body>
</ Html>