@Fatoblack

Можно ли без костылей ограничить зону действия tab-фокуса?

Здравствуйте. Передо мной встала такая задача:

Делаю модальное окно с инпутами. Для для всех инпутов использую tabIndex. Необходимо чтобы фокусировка по инпутам работала только внутри модального окна. То есть если я нажимаю я область (не инпут) внутри модального окна, фокус не должен переходить на элементы за его пределами.

Сообразил костыль - отлавливать клик на области и фокусить контейнер модального окна, а уже затем отлавливать событие keydown на нажатие tab и в зависимости от того есть ли shiftKey - перемещать фокус на нужный инпут.

Буду рад вашему совету. Интересует - можно ли без костылей ограничить зону действия tab-фокуса.
  • Вопрос задан
  • 381 просмотр
Пригласить эксперта
Ответы на вопрос 1
webinar
@webinar
Учим yii: https://youtu.be/-WRMlGHLgRg
А не проще ли установить при открытии модалки всем элементам, которые не в ней tabindex = 0 или вовсе его убрать, а при закрытии возвращать? Можно писать старый в какой-нибудь data-old-tabindex.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
28 нояб. 2024, в 05:21
2000 руб./за проект
28 нояб. 2024, в 05:18
500 руб./за проект
28 нояб. 2024, в 03:51
3500 руб./за проект