Apakah Penggantian Disyorkan untuk event.returnValue Lapuk dalam JavaScript?

Isu dengan pengesyoran event.returnValue Ditamatkan dalam Konsol Chrome

Apabila cuba melaksanakan kod JavaScript di bawah, anda mungkin menghadapi amaran dalam Konsol Google Chrome:

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

Amaran berbunyi, "event.returnValue telah ditamatkan. Sila gunakan event.preventDefault() standard."

Penjelasan

Amaran ini timbul kerana event.returnValue ialah sifat lapuk untuk menghalang tindakan penyemak imbas lalai. Penggantiannya, event.preventDefault(), mematuhi piawaian web moden dan disyorkan untuk digunakan.

Keserasian jQuery

Dalam jQuery версии 1.10.2 (#changeResumeStatus sedang span) masih lalai kepada event.returnValue. Walau bagaimanapun, jQuery 1.11 dan versi yang lebih baru menggunakan event.preventDefault() secara lalai.

Penyelesaian

Untuk menyelesaikan isu ini, anda boleh menambah event.preventDefault() secara manual ke pengendali acara klik:

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

Atas ialah kandungan terperinci Apakah Penggantian Disyorkan untuk event.returnValue Lapuk dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!