Question

我有一个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>

如何在页面加载时自动设置焦点？

Answer 1

这很烦人。但如果你必须......

window.onload = function() {

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

}

我没有更改您的HTML。

Answer 2

<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属性。

Answer 3

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

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

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

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

3 个答案: