Советы по использованию Tabindex и javascript/jquery для упрощения табуляции

Я делаю большое и сложное приложение, и мне нужно установить tabindexes, чтобы помочь пользователю перемещаться по страницам. Это частное приложение, поэтому у меня нет ограничений на (ab) использование javascript (jquery).

В настоящее время у меня есть эти вопросы.

1) Как вы заставляете браузер с помощью javascript (jquery) перемещать курсор внутри определенного текстового поля, как только страница загружается? Я заметил, что часто браузеры не помещают курсор автоматически в первый ввод с табуляцией. Я хочу верный способ, который заставит его туда, несмотря ни на что.

2) Некоторые поля, которые активируют расширение пользовательского интерфейса (а именно jquery ui datepicker), имеют проблемы с вкладками (например, необходимость нажимать вкладку два раза, чтобы уйти от нее), есть ли способ избежать этого?

3) Как вы читаете и устанавливаете tabindex с помощью jquery? У меня есть некоторые поля, которые скрываются/отображаются в зависимости от действий пользователя, и они должны иметь возможность «передавать» свой tabindex другим полям, если они скрыты, это проблема, считает ли браузер по-прежнему tabindex после загрузки страницы?

Большое спасибо


person 0plus1    schedule 29.09.2010    source источник


Ответы (1)


  1. Чтобы сосредоточить внимание на определенном текстовом поле, сделайте следующее (при условии, что идентификатор текстового поля равен #firstBox): $('#firstBox').focus(); См. дополнительные примеры здесь: Как автоматически установить фокус...
  2. Не особенно потому, что DatePicker также является собственным пользовательским интерфейсом, поэтому в нем есть различные объекты, на которых можно сфокусироваться (это то, что улавливает табуляция).
  3. На самом деле, теперь, когда я подумал об этом, если вы скроете поле (также известное как «скрытое»), у него не будет tabindex, а другие вкладки будут соответствовать тому, что определено для браузера (обычно сверху вниз, порядке слева направо). Вам не нужно беспокоиться о настройке tabindex вручную.
person JasCav    schedule 29.09.2010
comment
Я не отметил ваш вопрос только потому, что кто-то может знать способ чтения и записи табиндексов. - person 0plus1; 29.09.2010
comment
Вы можете изменить tabindex, используя метод attr - $('.selector').attr('tabindex', 2) - person partkyle; 30.09.2010