我有一个网页表单的文本框。如何在默认情况下设置文本框的焦点?
就像这样:
<body onload='setFocusToTextBox()'>
有人能帮帮我吗?我不知道如何用JavaScript设置文本框的焦点。
<script>
function setFocusToTextBox(){
//What to do here
}
</script>
我有一个网页表单的文本框。如何在默认情况下设置文本框的焦点?
就像这样:
<body onload='setFocusToTextBox()'>
有人能帮帮我吗?我不知道如何用JavaScript设置文本框的焦点。
<script>
function setFocusToTextBox(){
//What to do here
}
</script>
当前回答
试试这个:
$('.modal').on('shown.bs.modal', function () {
setTimeout(function() {
$("input#yourFieldId").addClass('modal-primary-focus').focus();
},
500);
});
其他回答
如前所述,文档。表单也有用。
function setFocusToTextBox( _element ) {
document.forms[ 'myFormName' ].elements[ _element ].focus();
}
setFocusToTextBox( 0 );
// sets focus on first element of the form
这样做。
如果你的元素是这样的…
<input type="text" id="mytext"/>
你的剧本应该是
<script>
function setFocusToTextBox(){
document.getElementById("mytext").focus();
}
</script>
对于简单的Javascript,试试下面的代码:
window.onload = function() {
document.getElementById("TextBoxName").focus();
};
试试这个:
$('.modal').on('shown.bs.modal', function () {
setTimeout(function() {
$("input#yourFieldId").addClass('modal-primary-focus').focus();
},
500);
});
通常当我们关注文本框时,我们也应该滚动到视图
function setFocusToTextBox(){
var textbox = document.getElementById("yourtextbox");
textbox.focus();
textbox.scrollIntoView();
}
检查一下是否有帮助。