Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/426.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在加载页面时自动选择输入字段?_Javascript_Html - Fatal编程技术网

Javascript 如何在加载页面时自动选择输入字段?

Javascript 如何在加载页面时自动选择输入字段?,javascript,html,Javascript,Html,当您输入页面时,某些站点如何自动选择输入字段?与YouTube的登录页面一样,它会自动选择用户名字段 这个网站也是如此,例如,在页面询问问题时,它会选择标题字段 他们是怎么做到的?我猜是javascript 但是如何使用呢?使用: someObject.focus() 参考: 使用: someObject.focus() 参考: 函数setfocus(字段id){ $(a\u字段\u id).focus() } 客户: 从此处开始: 函数setfocus(字段id){ $(a\u字段\u i

当您输入页面时,某些站点如何自动选择输入字段?与YouTube的登录页面一样,它会自动选择用户名字段

这个网站也是如此,例如,在页面询问问题时,它会选择标题字段

他们是怎么做到的?我猜是javascript

但是如何使用呢?

使用:

someObject.focus()

参考:

使用:

someObject.focus()

参考:


函数setfocus(字段id){
$(a\u字段\u id).focus()
}
客户:
从此处开始:


函数setfocus(字段id){
$(a\u字段\u id).focus()
}
客户:
从这里开始:

未来:
:-)

在body上使用onload也不是一个好主意,可以使用onDomReady事件,例如来自YUI或jQuery或一些自定义脚本。

将来:
:-)


在body上使用onload也不是一个好主意,可以使用onDomReady事件,例如来自YUI或jQuery的事件或一些自定义脚本。

大多数网站目前都使用JavaScript自动聚焦用户来实现这一点,如其他答案所示。但是,如果您正在考虑实现类似的行为,请注意,由于JavaScript的工作方式,这可能会让一些用户感到恼火。例如,如果您在页面仍在加载时关注不同的字段,JavaScript可能会通过移动焦点并使您键入错误的字段来“帮助”您。在ui.stackexchange.com上列举了更多的缺点


为了防止这种情况发生,HTML5引入了一个表单元素,这意味着浏览器本身将始终如一地实现这种行为,如果用户感到恼火,可以关闭它。当然,这并不是所有浏览器都支持的。有关更多信息,请参阅Mark Pilgrim的优秀著作中的章节。

大多数网站目前都使用JavaScript自动聚焦用户来实现这一点,如其他答案所示。但是,如果您正在考虑实现类似的行为,请注意,由于JavaScript的工作方式,这可能会让一些用户感到恼火。例如,如果您在页面仍在加载时关注不同的字段,JavaScript可能会通过移动焦点并使您键入错误的字段来“帮助”您。在ui.stackexchange.com上列举了更多的缺点


为了防止这种情况发生,HTML5引入了一个表单元素,这意味着浏览器本身将始终如一地实现这种行为,如果用户感到恼火,可以关闭它。当然,这并不是所有浏览器都支持的。欲了解更多信息,请参阅马克·皮格里姆的优秀著作中关于的章节。

@Daniel Moralea:请注意,您所指的动作称为焦点。“选择是一种不同的野兽。@Daniel Moralea:请注意,您所指的动作称为焦点。选择是另一种野兽。
<head>
<!-- set focus to a field with the name "searchcontent" in my form -->
<script type="text/javascript">
    function setfocus(a_field_id) {
        $(a_field_id).focus()
    }
</script>
</head>

<body onload="setfocus('customervalue');">

Customer: <input name="customer" id="customervalue" />

</body>