Mam formularz internetowy z polem tekstowym. Jak domyślnie ustawić fokus w polu tekstowym?
Coś takiego:
<body onload='setFocusToTextBox()'>więc czy ktoś może mi w tym pomóc? Nie wiem, jak ustawić fokus na polu tekstowym za pomocą JavaScript.
<script>
function setFocusToTextBox(){
//What to do here
}
</script>Odpowiedzi:
Zrób to.
Jeśli twój element jest podobny do tego ...
<input type="text" id="mytext"/>Twój skrypt byłby
<script>
function setFocusToTextBox(){
document.getElementById("mytext").focus();
}
</script>Document.forms, Document.getelementsByTagNamealbo Node.childNodes) i albo polegać na znanej strukturze dokumentu lub szukać pewnych specyficznych właściwości elementu.
Aby uzyskać wartość, możesz użyć autofocusatrybutu w przeglądarkach zgodnych z HTML5. Działa nawet w IE od wersji 10.
<input name="myinput" value="whatever" autofocus />Zwykle, gdy skupiamy się na polu tekstowym, powinniśmy również przewijać widok
function setFocusToTextBox(){
var textbox = document.getElementById("yourtextbox");
textbox.focus();
textbox.scrollIntoView();
}Sprawdź, czy to pomaga.
Jeśli twój kod to:
<input type="text" id="mytext"/>A jeśli używasz JQuery, możesz również użyć tego:
<script>
function setFocusToTextBox(){
$("#mytext").focus();
}
</script>Pamiętaj, że musisz najpierw narysować dane wejściowe $(document).ready()
egregiously sloppy, no-effort-expended post, or an answer that is clearly and perhaps dangerously incorrect, zgodnie z centrum pomocy stackoverflow. Nie znajduję tego nigdzie w pobliżu tych kategorii. Pomaganie nie ogranicza się do PO, prawda?
Kiedyś po prostu używałem tego:
<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>To powiedziawszy, możesz po prostu użyć atrybutu autofocus w HTML 5.
Uwaga: Chciałem zaktualizować ten stary wątek, pokazując przykładowy przykład oraz nowszą, łatwiejszą aktualizację dla tych, którzy nadal go czytają. ;)
Jak wspomniano wcześniej, document.forms również działa.
function setFocusToTextBox( _element ) {
document.forms[ 'myFormName' ].elements[ _element ].focus();
}
setFocusToTextBox( 0 );
// sets focus on first element of the formwindow.onload ma na początku ustawić fokus onblur ma nałożyć fokus podczas klikania poza obszarem tekstowym lub uniknąć rozmycia obszaru tekstowego
<textarea id="focus"></textarea>
<script>
var mytexarea=document.getElementById("focus");
window.onload=function()
{
mytexarea.focus();
}
mytextarea.onblur=function(){
mytextarea.focus();
}
</script>
document.getElementById('your_text_box_id').focus();.