Свойство HTMLElement.tabIndex предоставляет возможность вызова по кнопке Tab текущего элемента.
Вызов по табуляции происходит в следующем порядке:
- элементы с положительным tabIndex. Элементы, имеющие одинаковое значение tabIndex вызываются в порядке появления в коде. Переход осуществляется от меньших tabIndex до больших tabIndex.
- Элементы, которые не поддерживают атрибут tabIndex или поддерживают но tabIndex установлен в "0", выбираются по Tab в порядке их появления в коде.
Элементы для которых установлена блокировка (disabled) не могут быть выбраны кнопкой Tab и не могут быть в фокусе.
Значения могут начинаться с любого числа, могут быть отрицательными и могут быть непоследовательными, однако разные браузеры можгут неправильно сработать при очень больших значениях.
Синтаксис
elt.tabIndex = index; var index = elt.tabIndex;
- index - целое число
Пример
var b1 = document.getElementById("button1");
b1.tabIndex = 1;
Спецификация
| Спецификация | Статус | Коментарии |
|---|---|---|
| HTML Living Standard Определение 'tabindex' в этой спецификации. |
Живой стандарт | Не было изменений с Document Object Model (DOM) Level 2 HTML Specification. |
| Document Object Model (DOM) Level 2 HTML Specification Определение 'tabindex' в этой спецификации. |
Устаревшая | Не было изменений с Document Object Model (DOM) Level 1 Specification. |
| Document Object Model (DOM) Level 1 Specification Определение 'tabindex' в этой спецификации. |
Устаревшая | Начальное определение |
Поддержка в браузерах
We're converting our compatibility data into a machine-readable JSON format.
This compatibility table still uses the old format,
because we haven't yet converted the data it contains.
Find out how you can help!
| Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| Basic support | (Да) | (Да) | (Да) | (Да) | (Да) |
| Feature | Android | Chrome for Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|---|
| Basic support | (Да) | (Да) | (Да) | (Да) | (Да) | (Да) |
Смотрите также
- Accessibility of keyboard-navigable JavaScript widgets
- The HTML tabindex глобальный атрибут.