我在原型页面中做可访问性。这是我要尝试的情况。
作为可访问性过程的一部分,当我按下“ Gary Horsley”(标记为蓝色)超链接时,按Enter键时,应该调用弹出窗口,如下图所示。
我已经完成了这一部分。我想做的是,再次按下弹出窗口的关闭按钮时,焦点又回到了我以前用来显示弹出窗口的链接。
所有链接都需要遵循相同的操作,即当我按下“ John Doe”超链接时,将打开带有各自唯一内容的弹出窗口。同样,当我关闭该弹出窗口时,焦点应该回到“ John Doe”。
jQuery如何做到这一点?有人可以指导我吗?
最佳答案
使用全局变量保存最后一个元素ID,并在关闭弹出窗口时将焦点更改为该元素
var lastIndex = null;
$(".nameField").click(function() {
lastIndex = this.id;
showPopup();
});
$(".closePopup").live("click", function() {
hidePopup();
$("#" + lastIndex).focus();
});