如何在div中的字段上自动设置焦点？

我有一个div，我输入一个搜索查询：如何在div中的字段上自动设置焦点？

<div id="search"> 
    <form method="get" action="http://www.bing.com/search"> 
    <input type="text" name="q" size="31" maxlength="255" value="" /> 
    <input type="submit" value="Search" /> 
    </form> 
</div>

我怎么能自动将焦点设置在页面加载时？

来源

2011-01-27 John

<body onload="document.getElementById('q').focus()"> 

    <div id="search"> 
    <form method="get" action="http://www.bing.com/search"> 
    <input type="text" id="q" name="q" size="31" maxlength="255" value="" /> 
    <input type="submit" value="Search" /> 
    </form> 
    </div> 

</body>

请注意，我给你的输入字段还有一个id属性。

来源

2011-01-27 03:11:52

确保您输入的名称为“q”，ID为“q”。

另请注意，window onload事件不是最大的。例如，如果图像标签无法加载图像，则窗口onload事件不会触发。这就是为什么像jquery这样的框架有一个$（document）.ready（）事件处理程序。

<script type="text/javascript"> 
window.onload = function(){ 
    document.getElementById('q').focus(); 
} 
</script>

来源

2011-01-27 03:12:19

这是非常烦人的。但是，如果你必须...

window.onload = function() { 

    document.getElementById('search').getElementsByTagName('input')[0].focus(); 

}

我没有改变你的HTML。

来源

2011-01-27 03:12:32 alex

如何在div中的字段上自动设置焦点？

回答

相关问题