Nicht Lesen-Eigenschaft 'toLowerCase' undefined - jQuery

Habe ich gelesen das auch andere Beispiele, wo toLowerCase ist undefiniert, aber ich verstehe immer noch nicht. Kann mir jemand erklären, warum meine Funktion nicht funktioniert?

JS:

var changeTitle = function() {
    var loanTitle = $(this).val();
    $(this).prev().text(loanTitle);
};

HTML:

<h2>Loan One</h2>
<input type="text" onkeypress="changeTitle()" maxlength="25" />

  • Sind Sie sicher, dies ist der code, der die Fehler? toLowerCase gar nicht genannt...??? Trotzdem, müssen Sie zu null-check Variablen, die Sie aufrufen toLowerCase auf.
  • Ja, dass ist das, was erscheint und ich bin mir auch nicht sicher, warum.
InformationsquelleAutor Frank | 2015-05-05
  1. 8

    In Ihrer Funktion, die this Objekt bezieht sich auf das Fenster und nicht das Eingabefeld. Aktualisieren Sie Ihre onkeypress code, der dem folgenden:

    <input type="text" name="loanName" onkeypress="changeTitle.call(this)" class="loanNameV1 qForms" maxlength="25" placeholder="Loan Name" />
    • Ahhh danke @hoyen! Es funktioniert jetzt, aber warum "diese" beziehen sich auf das Fenster und nicht das element genau?
    • Denn die Funktion ist Teil des window-Objekts, nicht das input-element-Objekt. So, onkeypress Sie eine Funktion aufrufen, die ist Teil des window-Objekts. Das this-Objekt beziehen sich auf das Fenster. Mit call oder anwenden, Sie können ändern Sie den Verweis auf dieses auf ein anderes Objekt. In diesem Fall wird Ihre Eingabe Feld. Wenn Sie eine chance bekommen, Forschung "call" und "anwenden". Es wird Ihnen helfen zu verstehen es viel besser.
    • Und, um es hinzuzufügen, onkeypress ist Teil des Eingabefeld-Objekts, und damit die diesem Objekt finden Sie auf dem Eingabefeld.
    InformationsquelleAutor Hoyen
  2. 3

    Ich bin mir nicht sicher, was Sie wirklich versuchen, zu tun, aber ich ging Ihr input-element als parameter an die Funktion, die Sie definiert als this und ich habe die JQuery-Bibliothek zu meinem snippet. Es funktioniert mit der Ausnahme, dass der Letzte Schlüssel gestreichelt werden nicht angezeigt in den Titel. Vielleicht können Sie dieses zusammen mit Ihrem toLowerCase Funktion und fixieren Sie es nach Ihren wünschen.

    JS:

    var changeTitle = function(obj) {
    var loanTitle = $(obj).val();
    $(obj).prev().text(loanTitle);
};

    HTML:

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<h2 class="nameLoan1"> Loan One </h2>
<input type="text" onkeypress="changeTitle(this);" maxlength="25" placeholder="Loan Name" />

    InformationsquelleAutor ThisClark
Schreibe einen Kommentar