如何在加载网站后使输入字段聚焦?

时间:2012-05-08 12:05:17

标签: javascript html

我有一个非常简单的单页网站,里面有一个输入字段。我想在加载窗口/站点时使输入字段成为焦点,以便用户/访问者可以立即开始在网站上键入内容!

我想要它不是在观察。如果可能请给我JAVASCRIPT的解决方案请。

提前致谢。

7 个答案:

答案 0 :(得分:4)

window.onload=function(){
    document.getElementById('ID').focus();
});

答案 1 :(得分:2)

// ID是文本框的ID

document.getElementById('ID').focus();

答案 2 :(得分:1)

的document.getElementById( “控件ID”)聚焦();

答案 3 :(得分:1)

将其添加到onLoad回调中,以便在加载页面后对焦:

<body onLoad="function() { document.getElementById('input_field_id').focus(); }">

答案 4 :(得分:1)

有一个新的输入字段属性调用autofocus。除IE以外的所有浏览器支持 http://www.html5tutorial.info/html5-autofocus.php

您可以使用它并使用其他人提供的解决方案提供后备支持

var i = document.createElement('input');
if(!('autofocus' in i)) {
   window.onload=function(){
    document.getElementById('ID').focus();
   });
}

答案 5 :(得分:0)

您需要在javascript中使用focus()方法。

在body onload方法中,调用javascript方法,您需要在输入字段上设置焦点。

<script type="text/javascript">
function load()
{
   document.getElementById("inputFieldId").focus();
}
</script>
<body onload="load()">

答案 6 :(得分:0)

HTML5具有此作业的自动聚焦属性。您可以从here查看目标浏览器是否支持此属性。