Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/395.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 关注要在页面加载时滚动的元素_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 关注要在页面加载时滚动的元素

Javascript 关注要在页面加载时滚动的元素,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我试图通过javascript聚焦/激活一个容器,以便使用上下箭头键滚动它。目前,在我单击该容器之前,这是不可能的 HTML <div class="main"> <div class="child"></div> </div> 我尝试使用javascript的Element.focus()方法,但没有成功。您需要设置tabindex属性才能使DIV元素可聚焦,例如: <div class="main" tabindex="-1"

我试图通过javascript聚焦/激活一个容器,以便使用上下箭头键滚动它。目前,在我单击该容器之前,这是不可能的

HTML

<div class="main">
    <div class="child"></div>
</div>

我尝试使用javascript的
Element.focus()
方法,但没有成功。

您需要设置
tabindex
属性才能使DIV元素可聚焦,例如:

<div class="main" tabindex="-1">

jQuery标记的用途???@A.Wolff我认为有一个解决方案可以使用它。就像我提到的javascript标记一样。任何可以在jQuery中完成的事情都可以在javascript中完成;)谢谢你的解决方案。但当我使用javascript应用程序时,这不起作用。这是你的电话号码。对不起,我没有提到我在页面上有许多类似的容器,我需要激活一个容器。@格林先生,您仍然需要调用
main.focus()
当然,
tabindex
不会神奇地设置焦点:作为旁注,将来不仅可以对输入元素使用
autofocus
属性,还可以对AFAIK使用
autofocus属性,目前没有一个浏览器支持将其用于DIV元素
<div class="main" tabindex="-1">
.main {
    outline: 0;
    ...
}