javascript - 加载站点后如何使输入字段聚焦？

Question

我有一个非常简单的单页网站，其中有一个输入字段。我想在加载窗口/站点时使输入字段成为焦点，以便用户/访问者可以立即开始在其上输入站点加载！

我希望它不在 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

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 1 · Accepted Answer

有一个新的输入字段属性调用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 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