我的页面有一个窗体,其中有一个文本框。我希望在页面加载后立即将焦点设置到该文本字段,以便用户不必点击它即可开始输入。我怎样才能做到这一点?如何使用JavaScript将焦点设置为表单中的某个元素?
回答
在对象上使用focus()
方法。
例如:
document.getElementById("something").focus();
...
<input type='text' id='something' />
你尝试使用Google呢?
document.getElementById("textboxId").focus();
我检查过以确保这个问题不是重复的。我相当肯定,这是提出问题的唯一先决条件。我觉得任何以前没有问过的问题都是对这个网站的一个体面的贡献,只要它不是愚蠢的。 – Rayne 2010-05-09 21:34:55
@Rayne:你说得对。不要注意那些说不然的话。 – 2010-05-09 21:39:19
,你必须先选择元素,然后使用对焦()重点是:P
function hokusfocus(e)
{
var fokus = document.getElementById(e);
fokus.focus();
}
onload = hokusfocus("yourId"); /* makes sure your document is loaded before the focus */
哈哈。我非常喜欢这个真棒名字! – 2010-05-09 21:32:25
有趣的功能名称;) – BradBrening 2010-05-09 21:33:41
我不是这么快的typer。所以我必须用我的想象力来获得积分:P – meo 2010-05-09 21:37:22
使用自动对焦功能属性是这样的:
<html>
<head>
</head>
<body>
<dl>
<dt><label>username:</label><dt>
<dd><input type="text" autofocus></dd>
<dt><label>password:</label><dt>
<dd><input type="password"></dd>
</dl>
</body>
- 1. JavaScript将焦点设置为HTML表单元素
- 2. Xamly将键盘焦点设置为DataGridTemplateColumn单元中的元素?
- 3. 如何通过javascript参数将焦点设置到元素
- 4. 如何将焦点设置为observable所绑定的DOM元素?
- 5. 如何将焦点设置为使用javascript的文本框
- 6. 使用XAML或MVVM将焦点设置为UI元素
- 7. 如何将焦点设置为HTML5 canvas元素?
- 8. 如何将键盘焦点设置为表示列表的父元素
- 9. 使用焦点设置表格的第一个单元格的HTML/JavaScript的
- 10. 如何刚刚出现的一个元素上使用jQuery将焦点设置
- 11. 将表中的元素设置为通过制表聚焦
- 12. JavaScript&提交表单&输入&设置焦点到下一个元素
- 13. 如何将焦点设置在第一个可聚焦元素jQuery上?
- 14. 如何使用Javascript设置表单元素的值?
- 15. 如何使用Angular4通过元素ID设置焦点
- 16. 如何将焦点设置为拆分表单?
- 17. 如何在Kendo UI中为MVC Grid设置焦点到单元
- 18. 我如何设置一个元素的过渡失去焦点
- 19. 将焦点设置为隐藏的元素
- 20. 将焦点设置为ng-click内的角元素
- 21. 如何将焦点设置在任何引导模式中的第一个表单元素
- 22. 如何在javascript中使用keyarrows获取元素的焦点
- 23. 如何为单个元素设置DataContext?
- 24. 如何将焦点设置为materialUI TextField?
- 25. 无法设置元素的焦点
- 26. 如何使用Javascript为一个元素设置多个样式
- 27. 如何在输入焦点时设置表单元素的样式?
- 28. 如何使用yui自动设置表单域的焦点
- 29. 如何设置焦点元素弹簧基础的应用
- 30. 如何在BootstrapDialog中的输入元素上设置焦点
谢谢。我实际上是在发布之前尝试过的,但它似乎没有正确的工作。我一定没有把页面刷新得足够好。 :P – Rayne 2010-05-09 21:36:20