您好,匿名用户
随意问技术百科期待您的加入

如何解决js生成弹出层窗口时的tab焦点问题

0 投票

看到最近看到这里不少针对视觉障碍用户改进网页的问题。
我突然想到个几个相关的,一个比较不错的就是针对弹出的遮罩窗口默认绑定ESC快捷键关闭窗口。
但是,有两个困惑:

  1. 当弹出窗口后,tab仍然聚焦在之前点击的地方,如何让他自动跳到这弹出的遮罩上呢?
  2. 关闭遮罩窗口后,又如何重新定位到触发遮罩弹出的那个链接呢?
用户头像 提问 2012年 12月1日 @ Ashe 上等兵 (336 威望)
分享到:

1个回答

0 投票

解答你的问题

1. 正常情况下,只有表单元素与链接才能使用focus与blur事件,但是如果对元素设置了tabindex,那么其他元素也可以获取到焦点。如果tabindex值为0到32767,则按照tabindex大小和元素顺序控制按tab时的焦点转移顺序,如果tabindex值为负,则不响应tab键,但是元素可以被focus到。

参考jsfiddle里的例子:http://jsfiddle.net/hqutv/3/

2. 既然上个问题解决了,那么其实重新定位回去理论上也还是可以解决的,记下上次点击所在的元素即可。

用户头像 回复 2012年 12月1日 @ Nasus 上等兵 (329 威望)
提一个问题:

相关问题

0 投票
1 回复 28 阅读
+1 投票
1 回复 77 阅读
用户头像 提问 2012年 12月1日 @ Ziggs 上等兵 (345 威望)
0 投票
1 回复 45 阅读
0 投票
1 回复 37 阅读
0 投票
1 回复 36 阅读
用户头像 提问 2012年 12月1日 @ Diana 上等兵 (326 威望)

欢迎来到随意问技术百科, 这是一个面向专业开发者的IT问答网站,提供途径助开发者查找IT技术方案,解决程序bug和网站运维难题等。
温馨提示:本网站禁止用户发布与IT技术无关的、粗浅的、毫无意义的或者违法国家法规的等不合理内容,谢谢支持。

欢迎访问随意问技术百科,为了给您提供更好的服务,请及时反馈您的意见。
...