当用户单击浏览器的后退按钮时，焦点应该返回到 DOM 中离开的位置

Question

场景：

1. 用户位于

   /node/1

2. 点击页脚中的链接“2”
3. 页面

   /node/2

   已加载
4. 用户然后单击浏览器的后退按钮
5. 焦点应该位于被单击的链接上。

这是为了提高可用性，因为我们的页面很长，但我找不到解决方案。

Answer 1

这使用 localstorage 来记住最后点击的链接的 id： http://jsfiddle.net/nf6s43ht/1/

if(localStorage['lastclick']===undefined){
    console.log('undefined')
}else{
    $('#'+localStorage['lastclick']).focus()//focus the <a>
}

$('a').click(function(){
    localStorage['lastclick']=$(this).attr('id')//memorize id   
})

Answer 2

您可以使用 cookies 将 焦点元素 存储在

unload

事件上。