如何在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中的字段上自動設置焦點？

回答

相關問題