Grundlegendes zur Warnung zur veralteten Funktion „event.returnValue“: Warum und wie kann das Problem behoben werden?

jQuery: Verstehen der Event.returnValue-Veraltungswarnung

Problemerklärung

Bedenken Sie das folgende jQuery-Skript:

<code class="js">$(document).ready(function () {
    $("#changeResumeStatus").click(function () {
        $.get("{% url 'main:changeResumeStatus' %}", function (data) {
            if (data['message'] == 'hidden') {
                $("#resumeStatus").text("скрыто");
            } else {
                $("#resumeStatus").text("опубликовано");
            }
        }, "json");
    });
});</code>

Beim Ausführen dieses Skripts wird möglicherweise die Warnung in der Google Chrome-Konsole angezeigt:

event.returnValue is deprecated. Please use the standard event.preventDefault() instead. 

Trotz des Fehlers funktioniert Ihr Code weiterhin wie erwartet.

Frage

Warum Tritt dieser Fehler auf und was ist die erforderliche Lösung?

Antwort

Bei dem angezeigten Fehler handelt es sich um eine veraltete Warnung, die darauf hinweist, dass event.returnValue nicht mehr bevorzugt wird und schließlich entfernt wird in zukünftigen Versionen. Um diesen Fehler zu verhindern, sollten Sie stattdessen event.preventDefault() verwenden.

Lösung

jQuery Version 1.10.2 und früher:

Wenn Sie Wenn Sie jQuery Version 1.10.2 oder früher verwenden, müssen Sie Ihren Code wie folgt ändern:

<code class="js">$(document).ready(function () {
    $("#changeResumeStatus").click(function (event) {
        event.preventDefault(); // Prevent the default action
        $.get("{% url 'main:changeResumeStatus' %}", function (data) {
            if (data['message'] == 'hidden') {
                $("#resumeStatus").text("скрыто");
            } else {
                $("#resumeStatus").text("опубликовано");
            }
        }, "json");
    });
});</code>

jQuery Version 1.11 und höher:

Wenn Wenn Sie jQuery 1.11 oder höher verwenden, wurde das Problem bereits im Framework behoben. Der Übersichtlichkeit halber finden Sie hier jedoch den aktualisierten Code:

<code class="js">$(document).ready(function () {
    $("#changeResumeStatus").click(function (event) {
        event.preventDefault(); // Prevent the default action
        $.get("{% url 'main:changeResumeStatus' %}", function (data) {
            if (data['message'] == 'hidden') {
                $("#resumeStatus").text("скрыто");
            } else {
                $("#resumeStatus").text("опубликовано");
            }
        }, "json");
    });
});</code>

Mit diesen Änderungen wird die veraltete Warnung nicht mehr angezeigt und Ihr Code funktioniert weiterhin ordnungsgemäß.

Das obige ist der detaillierte Inhalt vonGrundlegendes zur Warnung zur veralteten Funktion „event.returnValue“: Warum und wie kann das Problem behoben werden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!