Jquery 可访问性内容 - 如何将焦点重新集中在特定元素上

Question

我正在我的原型(prototype)页面中做辅助功能。这是我想要做的场景。

作为辅助功能过程的一部分，当我在“Gary Horsley”(蓝色标记)超链接获得焦点时按下 Enter 按钮时，应该调用弹出窗口，如下图所示。

这部分我已经完成了。我想做的事情是，当我按下弹出窗口的关闭按钮时，焦点再次返回到我用来显示弹出窗口的相应链接。

所有链接都需要遵循相同的操作，即当我按“John Doe”超链接时，将打开弹出窗口，其中包含各自的独特内容。当我关闭该弹出窗口时，焦点再次回到“John Doe”。

如何通过 jQuery 做到这一点？有人可以指导我吗？

Answer 1

使用全局变量保存最后一个元素 id 并在关闭弹出窗口时将焦点更改为它

var lastIndex = null;

$(".nameField").click(function() {

  lastIndex = this.id;
  showPopup();

});

$(".closePopup").live("click", function() {

  hidePopup();
  $("#" + lastIndex).focus();

});