如何将焦点设置在页面顶部[重复]
Posted
技术标签:
【中文标题】如何将焦点设置在页面顶部[重复]【英文标题】：how to set focus on top of the page [duplicate] 【发布时间】：2011-02-26 18:17:11 【问题描述】：如何将焦点设置到页面顶部？
【问题讨论】：
这几乎不是一个问题，而且肯定不足以开始回答。而且我很确定我并不孤单。 也许@vakas 希望将焦点设置回初始点，在该初始点 Tab 键会将焦点更改为“跳至内容”链接或顶部导航（例如页面首次加载时）。这就是把我带到这个页面的问题。滚动完成后，我的解决方案是设置 documentElement.tabIndex = 0; (Chrome needs that) 然后调用 documentElement.focus();。这将焦点放在页面首次加载时的方式（至少对于 Chrome、Firefox、Edge、IE 9-11 和 Opera——尚未在 Safari 中测试过）。 “这个问题在这里已经有了答案：”的建议具有误导性。 OP 想要设置焦点，而不是滚动。 添加投票以重新打开，这样我们就可以正确回答这个关于焦点而不是滚动的问题，因为它是 Web 可访问性的一个重要主题。 【参考方案1】：我找到了window.scrollTo函数的this use：
window.scrollTo(0,0);
【讨论】：
在 jQuery 中：$(window).scrollTop(0);【参考方案2】：
Check this similar question. This has so many answers which gives you different ways to do it
以下是主要推荐的方法，
javascript 滚动到顶部坐标。
window.scrollTo(0,0);
语法是，
window.scrollTo(x-coord, y-coord);
使用 jquery 向上滚动，
$("html, body").animate( scrollTop: 0 , "slow");
使用 javascript 导航/滚动到特定元素，
<div id="jump_to_me">
blah blah blah
</div>
<a target="#jump_to_me">Click Here To Destroy The World!</a>
简单的 javascript 方法来关注顶部，
window.location = '#'
【讨论】：
【参考方案3】：document.location.href = "#";
将向上滚动，但也会在您的 URL 中添加一个“#”，但考虑到问题，我本来可以回答的
functionToSetFocusOnTopOfPage();
它会一样好
【讨论】：
【参考方案4】：如果你能写一点，这样我们就能理解你的问题，这会很有帮助。
一种非常简单的方法是链接到页面上的类或 id。
例如这个页面“page.html”
<body>
<div id="top"> ..................Content................</div>
<div id="otherdiv">........................</div>
</body>
如果你需要关注顶部，发送一个类似“page.html#top”的链接页面会自动关注顶部
或者如果你想坚持使用 javascript，那么就这样做
document.location.href = '#top'; //to send it to the top
但我会说使用简单的 html 锚点到顶部就像
<a href="#top">Back to Top</a>
【讨论】：
以上是关于如何将焦点设置在页面顶部[重复]的主要内容，如果未能解决你的问题，请参考以下文章
将键盘选项卡焦点设置到页面顶部/使用 JavaScript / jQuery 重置键盘焦点
如何通过在焦点集中时将其移动到键盘顶部/视图中心来突出显示滚动视图中的焦点 UITextField