Tabbing Навигация не работает в форме

, поэтому я работаю над проектом, в котором у меня есть форма, с некоторыми шаговыми полями и текстовыми полями. Проблема, с которой я сталкиваюсь, заключается в том, что когда я нажимаю кнопку табуляции в одном из полей, фокус не переходит в следующее поле. Я попытался установить индекс вкладки для полей, но это, похоже, не помогает.Tabbing Навигация не работает в форме

У меня есть чувство, проблема в том, что каждое из полей в виде заворачивают в некоторых DIVs следующим образом:

<div class="form_class"> 
    <div class="field_class"> 
    <div class="input-group"> 
     <span class="input-group-addon">$</span> 
     <div class="fg-line p-t-15"> 
     <input tabindex="0" class="form-control amount_field input-mask-amount" type="number" step="0.01"> 
     </div> 
    </div> 
    </div> 
</div>

поэтому не может табуляции найти следующее поле в DOM, но я не знаю, как обойти это.

Любая помощь была бы принята с благодарностью.

источник

2017-01-06 user2320239

Все табуиндекс «0»? Как правило, вы используете «0» для представления программной табуляции. – allnodcoms

Я пробовал установить их все на 0, а также попытался установить их в порядке, то есть 1,2,3,4,5, но ни один из них не работал. – user2320239

Ли текущий вход теряет фокус при нажатии на вкладку? Если это так, вы, вероятно, правильно относитесь к гнездовью. Если нет, что-то еще может быть захвачено клавиатурным событием. – allnodcoms

В свете ваших комментариев, я бы поместил ваши tabindexs последовательно и добавил обработчик события нажатия клавиши. Если ключ «tab», получите текущий элемент (document.activeElement), получите его tabindex, увеличьте его, найдите соответствующий элемент с этим новым значением индекса и сфокусируйте его вручную.

источник

2017-01-06 10:04:53 allnodcoms

Tabbing Навигация не работает в форме

ответ

Смежные вопросы