416 Stimmen

tenstar avatar

Wie kann ich den Fokus auf ein Element in einem HTML-Formular mit JavaScript setzen?

Gefragt el 6 de Juli, 2013
Wann wurde die Frage gestellt
1036311 Ansichten
Anzahl der Besuche der Frage
5 Antworten
Anzahl der Fragenantworten
Gelöst
Aktueller Status der Frage

Ich habe ein Webformular mit einem Textfeld darin. Wie kann ich das Textfeld standardmäßig fokussieren?

So etwas wie das:

Kann mir jemand dabei helfen? Ich weiß nicht, wie man den Fokus auf das Textfeld mit JavaScript setzt.

  function setFocusToTextBox(){
    //Was ist hier zu tun
  }
Gefragt el 6 de Juli, 2013 von tenstar

Antworten

Zu viele Anzeigen?

3voto

Nicht registrierter Benutzer avatar
Nicht registrierter Benutzer Punkte 0

Früher habe ich einfach das hier benutzt:

      function focusFieldOne() {
        document.FormName.FieldName.focus();
      }

      Feld

Das gesagt, man kann einfach das autofocus-Attribut in HTML 5 verwenden.

Bitte beachten: Ich wollte diesen alten Thread aktualisieren und das gefragte Beispiel zeigen sowie das neuere, einfachere Update für diejenigen, die das noch lesen. ;)

Beantwortet el 8 de Juli, 2016 von Nicht registrierter Benutzer (0 Punkte )

2voto

Mac avatar
Mac Punkte 1157

Wie bereits erwähnt, funktioniert auch document.forms.

function setFocusToTextBox( _element ) {
  document.forms[ 'myFormName' ].elements[ _element ].focus();
}

setFocusToTextBox( 0 );
// setzt den Fokus auf das erste Element des Formulars
Beantwortet el 22 de Dezember, 2014 von Mac (1157 Punkte )

2voto

Balaji avatar
Balaji Punkte 7987

Window.onload dient dazu, den Fokus anfangs zu setzen onblur dient dazu, den Fokus zu setzen, während man außerhalb des Textbereichs klickt oder den Textbereich vermeidet blur

     var mytexarea=document.getElementById("focus");
    window.onload=function()
    {

    mytexarea.focus();

    }
Beantwortet el 11 de Juni, 2019 von Balaji (7987 Punkte )

1voto

Kamil Kiełczewski avatar
Kamil Kiełczewski Punkte 69048

Wenn Ihr oder </code> das Attribut <code>id=mytext</code> hat, dann verwenden Sie</p> <pre><code>mytext.focus(); </code></pre> <p><div class="snippet" data-lang="js" data-hide="true" data-console="true" data-babel="false"> <div class="snippet-code snippet-currently-hidden"> <pre class="snippet-code-js lang-js prettyprint-override"><code>function setFocusToTextBox() { mytext.focus(); }</code></pre> <pre class="snippet-code-html lang-html prettyprint-override"><code><body onload='setFocusToTextBox()'> <form> <input type="text" id="mytext"/> </form> </body></code></pre> </div> </div> </p></x-turndown>

Beantwortet el 9 de April, 2019 von Kamil Kiełczewski (69048 Punkte )

1voto

CenkerK avatar
CenkerK Punkte 11

Dieses Beispiel hat für mich funktioniert

$(document).ready(function () {
document.getElementById('TextBox').focus();
}
Beantwortet el 21 de Februar, 2022 von CenkerK (11 Punkte )

Verwandte Fragen

Empfohlene Fragen

Top-Tags

CodeJaeger.com

CodeJaeger ist eine Gemeinschaft für Programmierer, die täglich Hilfe erhalten..
Wir haben viele Inhalte, und Sie können auch Ihre eigenen Fragen stellen oder die Fragen anderer Leute lösen.

Powered by:

Yandex
X