html-фокус ввода с обоими вкладками и фокусом ()

Question

Предположим, у меня есть

<input id="a" />
<a href="foo">foo</a>
<input id="b" />

. По умолчанию вкладки перенесут меня с a до foo до b.Если я хочу перейти от a к b напрямую, я могу сделать это

document .getElementById ("a") .setAttribute ("tabindex", 1);
document .getElementById ("b") .setAttribute ("tabindex", 2);

Но теперь следующее не работает, потому что focus() очевидно требует tabindex=-1

document .getElementById ("b") .focus ();

Могу ли я иметь оба?

Answer 1

Вы пытались изменить свой HTML-код следующим образом:

<input id="a" tabindex = "1" />
<a href="foo" tabindex = "2">foo</a>
<input id="b" tabindex = "3" />

Если вы хотите, чтобы браузер пропустил foo, вы бы дали ему индекс табуляции -1.-1 говорит браузеру, чтобы он не останавливался на этом элементе.

Пожалуйста, дайте мне знать, если я что-то пропустил.

Answer 2

Он начал работать внезапно, понятия не имею, что изменилось.Возможно, кэшированный скрипт.

Answer 3

Это не то, что я вижу (Chrome).Вставка именно того, что у вас есть, в http://jsfiddle.net/mendesjuan/wW7Uy/

Помещает фокус во второе текстовое поле, и порядок табуляции соответствует ожидаемому (a-> b-> link)