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

Question

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

1. 当弹出窗口后，tab仍然聚焦在之前点击的地方，如何让他自动跳到这弹出的遮罩上呢？
2. 关闭遮罩窗口后，又如何重新定位到触发遮罩弹出的那个链接呢？

Answer 1

解答你的问题

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

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

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