Ограничить фокусировку tabindex одним разделом страницы

Ситуация:

У меня есть веб-страница, которая открывает модальные окна (световые окна), которые содержат формы, в которые пользователь может вводить данные. Пользователи обычно перемещаются с помощью клавиатуры, переходя от одного поля к другому.

Проблема:

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

Вопрос:

Как я могу ограничить перемещение с помощью кнопки табуляции только элементами в окне формы?

Единственное, что я могу придумать, - это использовать Javascript установить tabindex = -1 для всех элементов формы (и других фокусируемых элементов) при открытии модального окна, а затем установить значения tabindex обратно на их предыдущие значения, когда модальное окно закрыто. Есть ли более простой / лучший способ?

23
задан user800 1 August 2017 в 13:51
поделиться