如何在加载网页时自动将焦点设置为文本框?
有没有HTML标签来做这件事,还是必须通过Javascript来做?
发布于 2008-09-05 13:46:38
如果您使用的是jquery:
$(function() {
$("#Box1").focus();
});
或者原型:
Event.observe(window, 'load', function() {
$("Box1").focus();
});
或者普通的javascript:
window.onload = function() {
document.getElementById("Box1").focus();
};
但请记住,这将替换其他的加载处理程序,所以在谷歌中查找addLoadEvent(),以获得附加加载处理程序而不是替换处理程序的安全方法。
发布于 2010-06-15 16:54:22
在HTML语言中,所有表单域都有一个autofocus
attribute。在Dive Into HTML 5中有关于它的很好的教程。不幸的是,低于10的IE版本目前还不支持supported。
要使用HTML 5属性并返回到JS选项,请执行以下操作:
<input id="my-input" autofocus="autofocus" />
<script>
if (!("autofocus" in document.createElement("input"))) {
document.getElementById("my-input").focus();
}
</script>
不需要jQuery、onload或事件处理程序,因为JS位于HTML元素之下。
编辑:另一个优点是,它可以在某些浏览器中关闭JavaScript,当您不想支持较旧的浏览器时,可以删除JavaScript。
编辑2: Firefox4现在支持autofocus
属性,只是不支持IE。
发布于 2017-01-16 19:26:02
只需在文本字段中编写自动聚焦。这很简单,它是这样工作的:
<input name="abc" autofocus></input>
希望这能有所帮助。
https://stackoverflow.com/questions/45827
复制相似问题