Tabindex в модальном диалоге jquery

Question

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

Есть ли способ, которым я могу предотвратить это и ТОЛЬКО вкладывать элементы формы в открытое диалоговое окно?

Answer 1

Я даю вам логику. Вы можете написать код соответственно.

В последнем элементе вашей формы добавьте обработчик события для обработки события нажатия клавиши.

Внутри функции обработчика вы должны возвращать true, если ключ не TAB, в противном случае возвращать false.

Это означает, что в этом поле будут работать только не-клавиши TAB.

Вы можете google ascii код вкладки. Ваш код Google для обработки ключевых событий.

Спасибо

Answer 2

Да, есть решение этой проблемы. Я столкнулся с той же проблемой.

Чтобы это работало, вы должны использовать jquery.ui.dialog.js… включить его на своей странице. Также добавьте свой код модального диалогового окна jQuery в document.ready.

Answer 3

посчитайте, сколько элементов у вас есть, и установите его так, чтобы, если ваш tabindex == numberOfTabs, он сбрасывался до исходного индекса.

если вам нужно сделать это вне какой-либо функциональности и т. Д. Сделайте это со скрытым вводом

затем в js для доступа к событию вкладки и обновите tabindexCurrent val () до нового