Was ist der empfohlene Ersatz für den veralteten event.returnValue in JavaScript?

Problem mit der veralteten Empfehlung „event.returnValue“ in der Chrome-Konsole

Beim Versuch, den folgenden JavaScript-Code auszuführen, wird möglicherweise eine Warnung angezeigt Google Chrome-Konsole:

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

Die Warnung lautet: „event.returnValue ist veraltet. Bitte verwenden Sie stattdessen den Standardwert event.preventDefault().“

Erklärung

Diese Warnung tritt auf, weil event.returnValue eine veraltete Eigenschaft zum Verhindern von Standardbrowseraktionen ist. Sein Ersatz, event.preventDefault(), entspricht modernen Webstandards und wird zur Verwendung empfohlen.

jQuery-Kompatibilität

In jQuery Version 1.10.2 (#changeResumeStatus wird eine Spanne) ist immer noch standardmäßig event.returnValue. Allerdings verwenden jQuery 1.11 und spätere Versionen standardmäßig event.preventDefault().

Lösung

Um das Problem zu beheben, können Sie event.preventDefault() manuell hinzufügen der Click-Event-Handler:

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

Das obige ist der detaillierte Inhalt vonWas ist der empfohlene Ersatz für den veralteten event.returnValue in JavaScript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!