В Chrome Tab клавиша не работает должным образом

Question

В браузере Chrome клавиша на вкладке работает неправильно.

Я использую два поля ввода текста на моем сайте.

<div>
   <input type="text" tabindex="1" 
          class="loginBox valid" name="userName" id="userName">
</div>
<div>
    <input type="password" id="password" name="password" 
           class="loginBox" tabindex="2">
</div>

стили: фон, рамка, ширина, прозрачность.

При использовании клавиши табуляции в Chrome курсор не перемещается во второе поле при первом нажатии клавиши табуляции.Это происходит при втором нажатии клавиши табуляции.

Но он отлично работает во всех браузерах, кроме Chrome и Safari.

Answer 1

У меня была та же проблема со всеми браузерами, которые я использовал.

1. Нажмите F12 в вашем Google Chrome (консоль разработчика).
2. Откройте форму заявки
3. В консоли разработчика откройте вкладку «Консоль» и введите код ниже:

setInterval(function() {console.log(window.onkeydown)}, 1000);

Консоль javascript напечатает функцию «window.onkeydown». Если эта функция не была переопределена, консоль будет показывать «нулевые» значения. Если вы используете любую библиотеку пользовательского интерфейса, которая переопределяет window.onkeydown, на этой консоли вы узнаете, какое событие переопределяет этот обратный вызов.

В моем случае мы используем модальные компоненты с angular и bootstrap. Когда мы показываем модальный режим, из сторонней библиотеки меняем событие «window.onkeydown» и блокируем некоторые ключи для пересылки на мой экран.

Answer 2

Удалить это поле tabindex в обоих входных тегах !!

Answer 3

В Chrome 18 / dev Mac работает нормально: http://jsfiddle.net/uxwv7/