2012-05-08 32 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檢查您的目標瀏覽器是否支持此屬性。

相關問題