Почему tabindex='-1' предотвращает клавиатуру

#html #modal-dialog #tabindex

#HTML #модальный диалог #tabindex

Вопрос:

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

tabindex='-1' Присутствуя в <div> для модального из bootstrap, он полностью останавливает ввод с клавиатуры. Я бы подумал, что data-attribute data-keyboard="false" был бы виновником, однако это было не так.

Мой вопрос
Why does tabindex='-1' prevent keyboard input. And what would be its purpose other than that?

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

2. Пример jsfiddle.net/D6cV5

3. Атрибут like data-keyboard как таковой абсолютно не влияет на функциональность и не имеет предопределенного значения, не больше, чем data-dhedhgjghjfhg имеет. Он просто устанавливает атрибут, который можно безопасно использовать в клиентских сценариях.

Ответ №1:

tabindex задает порядок, в котором редактируемые элементы на странице будут повторяться с помощью tab клавиши. -1 в этом смысле кажется разумным сделать элемент недоступным.

Для получения дополнительной информации: http://webaim.org/techniques/keyboard/tabindex