我有一个带有文本框的Web表单。我怎样才能把焦点默认设置在文本框上?
像这样。
<body onload='setFocusToTextBox()'>
所以谁能帮我解决这个问题?我不知道如何用JavaScript来设置文本框的焦点。
<script>
function setFocusToTextBox(){
//What to do here
}
</script>
如果你的代码是:
<input type="text" id="mytext"/>
如果你使用的是JQuery,你也可以使用这个。
<script>
function setFocusToTextBox(){
$("#mytext").focus();
}
</script>
请记住,你必须先绘制输入$(document).ready()
。
我以前只用这个。
<html>
<head>
<script type="text/javascript">
function focusFieldOne() {
document.FormName.FieldName.focus();
}
</script>
</head>
<body onLoad="focusFieldOne();">
<form name="FormName">
Field <input type="text" name="FieldName">
</form>
</body>
</html>
也就是说,你可以直接使用HTML 5中的自动对焦属性。
请注意。 我想更新这个旧帖子,展示所问的例子,加上较新的、较容易的更新,以方便仍在阅读的人。 ;)
如果你的<input>
或<textarea>
有属性id=mytext
,那么就用
mytext.focus();
<!--开始片段。 js hide: true console: true babel.false --> -- begin snippet: js hide: true console: true false -->
function setFocusToTextBox() {
mytext.focus();
}
<body onload='setFocusToTextBox()'>
<form>
<input type="text" id="mytext"/>
</form>
</body>
<!--结束片段-->
window.onload是将焦点放在最初 onblur是指当你在文本区域外点击时,将焦点放在文本区域内,或者避开文本区域。 模糊
<textarea id="focus"></textarea>
<script>
var mytexarea=document.getElementById("focus");
window.onload=function()
{
mytexarea.focus();
}
mytextarea.onblur=function(){
mytextarea.focus();
}
</script>