加载页面后专注于某个div的Javascript代码

时间:2016-09-04 04:36:50

标签: javascript html css

我正在尝试水平制作一个页面而我的问题是,它从结尾开始(DIV按从右到左的顺序定义,它显示左侧的那个) 我需要一个函数来告诉浏览器专注于正确的div onload,这样用户就不会感到困惑。 谢谢。 s.rb

3 个答案:

答案 0 :(得分:4)

通过焦点我假设你的意思是你想在加载时滚动到正确的div。

如果div被定义为:

<div id="main"></div>

你可以在javascript中滚动到它:

window.location.hash = '#main';

我希望这会有所帮助

答案 1 :(得分:2)

你可以做这样的事情

tabIndex设置为您要关注的元素。

<强> HTML

<div id = "iWillBFocused">
 I will be focused on referesh 
</div>

<强> JS

document.getElementById('iWillBFocused').focus()

JSFIDDLE

答案 2 :(得分:0)

Vanilla JS

可以在html元素上调用焦点函数:

document.querySelector('#myElement').focus();

您可以在Mozilla Documentation site上了解更多相关信息。

<强>的jQuery

如果你正在使用jQuery,你也可以使用内置的jQuery focus()方法:

$('#myElement').focus();