Jquery辅助功能的东西 - 如何将焦点重新放在特定元素上

时间:2014-11-06 06:58:26

标签: jquery accessibility setfocus

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

作为可访问性过程的一部分,当我按下“输入”按钮时,Gary Horsley' (蓝色标记)超链接聚焦,弹出窗口应该被调用,如下图所示。

enter image description here

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

所有链接都需要遵循同样的事情,即当我按下John Doe'超链接,弹出窗口将打开相应的独特内容。当我关闭弹出窗口时,重点应该回到John Doe'。

如何通过jQuery执行此操作?有人可以指导我吗?

1 个答案:

答案 0 :(得分:1)

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



var lastIndex = null;

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

  lastIndex = this.id;
  showPopup();

});

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

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

});