JQuery UI API -: tabbable Selector
категория
Селектор (селекторы) | основной пользовательский интерфейс (UI ядро)
использование
Вкладка Выберите пользователя Основное внимание элемент может передать: Описание.
Некоторые себя элементы фокусируется через клавиши табуляции (tabbable), в то время как другие элементы должны явно установить положительный индекс вкладки. В обоих случаях для того, чтобы сосредоточиться через клавиши табуляции (tabbable), элемент должен быть виден.
Следующие типы элементов , не имея отрицательный индекс вкладки и не был отключен, фокусируется с помощью клавиши табуляции (tabbable): input , select , textarea , button и object . Если якорь с href или положительным tabindex атрибутом, сфокусирована (tabbable) через клавиши табуляции. area элементы Если именованный карте, и с href атрибута, и есть видимое изображение с помощью карты, она фокусируется через клавишу табуляции (tabbable). Все остальные исключительно на основе tabindex атрибутов элементов и видимость фокусируется через вкладки ключа (tabbable).
Примечание: Вкладка элемент с отрицательным показателем является :focusable , а не :tabbable .
примеров
Выберите фокус вкладку ключа через элементы и выделены красной рамкой.
<! DOCTYPE HTML>
<HTML LANG = "EN">
<Head>
<Meta Charset = "UTF-8">
<Title>: tabbable Selector Примеры </ title>
<Link отн = "таблица стилей" HREF = "// code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
<Style>
вход {
границы: 1px твердый # 000;
}
DIV {
обивка: 5px;
}
</ Style>
<Script SRC = "// code.jquery.com/jquery-1.10.2.js"> </ скрипт>
<Script SRC = "// code.jquery.com/ui/1.10.4/jquery-ui.js"> </ скрипт>
</ Head>
<Body>
<Div> <входное значение = "нет TabIndex"> </ DIV>
<Div> <вход TabIndex = "5" значение = "положительное TabIndex"> </ DIV>
<Div> <вход TabIndex = "- 1" значение = "негативный TabIndex"> </ DIV>
<Script>
$ ( ": Tabbable") .css ( "Граница-цвет", "красный");
</ Script>
</ Body>
</ HTML>