У меня есть сложная страница с несколькими наложениями (типа лайтбокса ), которые появляются на основе выбора из нескольких раскрывающихся меню. Это делается с помощью jQuery. Цель состоит в том, чтобы ограничить пользователя возможностью перемещаться только по элементам наложения на оверлее (над позиционированным лайтбоксом div )с помощью клавиатуры. Другими словами, удалите нижележащие элементы страницы из последовательности вкладок.
Я знаю, что я могу установить атрибуты tabindex=" -1" для всех нижележащих элементов, используя javascript или jQuery, которые работают, но с одним большим недостатком.
Проблема в том, что проект может потребовать, чтобы некоторые из нижележащих элементов имели определенные индексы вкладок, отличные от индекса вкладок браузера по умолчанию. Если для нижележащих элементов были установлены какие-либо существующие атрибуты индекса вкладок, я потеряю их, когда установлю для них все значение «-1».
Итак, мне интересно, есть ли какой-то другой способ ограничить индексацию вкладок только оверлейным div, или есть ли другой подход, о котором я не подумал, чтобы решить эту проблему? Любая помощь будет принята с благодарностью, так как это убивает мое производственное время!