Ich habe ein Webformular mit einem Textfeld. Wie setze ich den Fokus standardmäßig auf das Textfeld?
Etwas wie das:
<body onload='setFocusToTextBox()'>Kann mir jemand dabei helfen? Ich weiß nicht, wie ich mit JavaScript den Fokus auf das Textfeld setzen soll.
<script>
function setFocusToTextBox(){
//What to do here
}
</script>Antworten:
Mach das.
Wenn dein Element so etwas ist ..
<input type="text" id="mytext"/>Ihr Skript wäre
<script>
function setFocusToTextBox(){
document.getElementById("mytext").focus();
}
</script>Document.forms, Document.getelementsByTagNameoder Node.childNodes) und entweder stützen sich auf eine bekannte Dokumentstruktur oder Aussehen für einige elementspezifischen Eigenschaften.
Für das, was es wert ist, können Sie das autofocusAttribut in HTML5-kompatiblen Browsern verwenden. Funktioniert sogar im IE ab Version 10.
<input name="myinput" value="whatever" autofocus />Wenn wir uns auf ein Textfeld konzentrieren, sollten wir normalerweise auch in die Ansicht scrollen
function setFocusToTextBox(){
var textbox = document.getElementById("yourtextbox");
textbox.focus();
textbox.scrollIntoView();
}Überprüfen Sie, ob es hilft.
Wenn Ihr Code lautet:
<input type="text" id="mytext"/>Und wenn Sie JQuery verwenden, können Sie dies auch verwenden:
<script>
function setFocusToTextBox(){
$("#mytext").focus();
}
</script>Denken Sie daran, dass Sie zuerst die Eingabe zeichnen müssen $(document).ready()
egregiously sloppy, no-effort-expended post, or an answer that is clearly and perhaps dangerously incorrectlaut Stackoverflow-Hilfe für. Ich finde das bei weitem nicht in der Nähe dieser Kategorien. Helfen ist nicht auf das OP beschränkt, oder?
Früher habe ich nur folgendes benutzt:
<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>Sie können jedoch einfach das Autofokus-Attribut in HTML 5 verwenden.
Bitte beachten Sie: Ich wollte diesen alten Thread aktualisieren, der das angeforderte Beispiel sowie das neuere, einfachere Update für diejenigen zeigt, die dies noch lesen. ;)
Wie bereits erwähnt, funktioniert document.forms auch.
function setFocusToTextBox( _element ) {
document.forms[ 'myFormName' ].elements[ _element ].focus();
}
setFocusToTextBox( 0 );
// sets focus on first element of the formWenn Ihr <input>oder <textarea>ein Attribut id=mytexthat, verwenden Sie
mytext.focus();window.onload dient dazu, den Fokus zunächst auf Unschärfe zu setzen, um den Fokus zu setzen, während Sie außerhalb des Textbereichs klicken, oder Unschärfe im Textbereich zu vermeiden
<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();.