Блог

Когда я нажимаю кнопку «tab», сфокусированный элемент изменяется в браузере. Я хочу контролировать порядок сфокусированных элементов или пропускать некоторые элементы при табуляции. Я знаю, что могу использовать preventDefault(https://developer.mozilla.org/en-US/docs/Web/API/Event/preventDefault ) игнорировать логику по умолчанию, чтобы запустить мою логику. Но я просто хочу решить эту проблему, немного изменив порядок по умолчанию.

Но я не могу найти никакой документации о правилах по этому поводу. Где я могу проверить действия по умолчанию в браузере, запускаемые событиями клавиатуры, такими как нажатие клавиши ‘tab’?

Вы ищете либо HTML-атрибут tab-index, как показано ниже (попробуйте переместить с помощью кнопки tab), либо свойство JavaScript tabIndex.

Они связаны с тем, какие элементы могут получить фокус; браузеры, как правило, разрешают это по умолчанию для любых элементов, с которыми пользователь должен взаимодействовать (например, кнопка, текстовое поле и т.д.).

 <label>First</label>
<input type="text" tabindex="1"/>
</br>
<label>Third</label>
<input type="text" tabindex="3"/>
</br>
<label>Fifth</label>
<input type="text" tabindex="5"/>
</br>
<label>Second</label>
<input type="text" tabindex="2"/>
</br>
<label>Fourth</label>
<input type="text" tabindex="4"/>