2012-05-08 125 views
1

我有一个非常简单的单页网站,其中有一个输入字段。我想在加载窗口/站点时让输入字段为焦点,以便用户/访问者可以立即开始在站点上加载输入!如何在加载站点后创建一个输入字段?

我希望它不在JQUERY中。如果可能请在JAVASCRIPT给我一个解决方案请。

在此先感谢。

回答

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(); 
    }); 
} 
+0

IE10支持自动对焦 – ozhan

+0

IE正在追赶:P –

+0

它的工作......最简单的解决方案!我根本不需要IE支持。谢谢......你是赢家:) – TheCrypticNerd

2

// ID是文本框的id

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

你确定你需要一个英镑符号吗? – veeTrain

+0

@veeTrain,对不起,英镑符号是不需要的。我是一个jQuery爱好者,所以我把它放在那里,习惯:) –

+0

没问题;我推测为:-) – veeTrain

1

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

0

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

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

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

它添加到的onLoad回调,这样的页面加载后,将专注:

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

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

HTML5对这份工作的自动对焦属性。您可以从here检查您的目标浏览器是否支持此属性。

相关问题