javascript - 跳过单页站点的导航链接

Question

我有一个构建为单页的网站，所有请求都是使用 AJAX 发出的。这些页面类似于 site.com/#Page 或 site.com/#Page/Other。

现在，我需要在站点中实现 Skip Navigation 链接，但是因为 URL 以 # 开头，所以我不能使用简单的 anchor 。有没有办法在不更改所有 URL 的情况下做到这一点？谢谢。

注意:跳过导航至少做了 3 件事:滚动到页面的那个部分，关注内容开始的元素(它甚至可以是不可聚焦的元素，例如H1 title) 并让屏幕阅读器了解更改。

Answer 1

你有两件事要做:

• 有一个可聚焦元素(使用 tabindex="-1"用于默认不可聚焦的元素，如 h1)

• 使用 javascript/jQuery focus() 方法聚焦它

例子:

document.getElementById("myEle").focus();

或

jQuery("#myEle").focus();