запретить доступ к элементам через tab

[FeelUs]

когда я делаю стандартное диалоговое окно с затемнением фона, фон закрывает все окно и не дает доступ через мышку ко всем фоновым элементам.

 

но через tab к ним все равно можно получить доступ.

 

как от этого избавиться?

Edited February 6, 2016 by FeelUs

[Switch74]

установить для всех элементов tabindex="-1"

[FeelUs]

точняк, а если там уже есть некоторый tabindex, его можно в какое-нибудь data-свойство сохранить

[Switch74]

точняк, а если там уже есть некоторый tabindex, его можно в какое-нибудь data-свойство сохранить

да, так и стоит делать, а потом его оттуда доставать и ставить назад

[FeelUs]

а помогите перечислить все элементы, которые могут быть доступны через tab

 

input

textarea

button

select

[contenteditable=true]

datalist

meter

progress

 

наверняка чего-нибудь еще забыл

[Switch74]

'a' еще
но я бы сделал так:
поставить обработчик события focus на document

если у вас открыто диалоговое окно, вы проверяете где лежит у вас объект, получивший фокус

если объект находится в контенте, то вы принудительно передаете фокус на первый элемент в диалоговом окне

 

таким образом когда фокус по tab будет перескакивать на скрытые элементы он будет возвращаться к активным в форме

[sigma77]

наверняка чего-нибудь еще забыл

 

Ссылки