javascript - サイトが読み込まれた後に入力フィールドをフォーカスする方法は?

Question

入力フィールドを持つ非常に単純な 1 ページの Web サイトがあります。ウィンドウ/サイトがロードされたときに入力フィールドをフォーカスして、サイトがロードされたらすぐにユーザー/訪問者が入力を開始できるようにしたい!

JQUERYではなくしたい。可能であれば、JAVASCRIPT で解決策を教えてください。

前もって感謝します。

score 4 · Accepted Answer

4

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

于 2012-05-08T12:09:26.307 に答える

score 2 · Accepted Answer

2

// ID はテキストボックスの ID です

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

于 2012-05-08T12:06:11.880 に答える

score 1 · Accepted Answer

新しい入力フィールド属性 call があります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();
   });
}

score 1 · Accepted Answer

1

document.getElementById("ControlID").focus();

于 2012-05-08T12:08:29.240 に答える

score 1 · Accepted Answer

これを onLoad コールバックに追加して、ページが読み込まれた後にフォーカスされるようにします。

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

score 0 · Accepted Answer

focus()javascript でメソッドを使用する必要があります。

body onload メソッドで、入力フィールドにフォーカスを設定する必要がある JavaScript メソッドを呼び出します。

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

score 0 · Accepted Answer

HTML5 には、このジョブのオートフォーカス属性があります。ターゲットブラウザがこの属性をサポートしているかどうかは、ここから確認できます。

7 に答える 7