我在原型页面中做可访问性。这是我要尝试的情况。

作为可访问性过程的一部分,当我按下“ 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();

});

09-25 16:14