Quel est le remplacement recommandé pour le event.returnValue obsolète en JavaScript ?

Problème avec la recommandation obsolète event.returnValue dans la console Chrome

Lorsque vous essayez d'exécuter le code JavaScript ci-dessous, vous pouvez rencontrer un avertissement dans le Console Google Chrome :

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

L'avertissement indique : "event.returnValue est obsolète. Veuillez utiliser la méthode standard event.preventDefault() à la place."

Explication

Cet avertissement survient car event.returnValue est une propriété obsolète permettant d'empêcher les actions par défaut du navigateur. Son remplacement, event.preventDefault(), adhère aux normes Web modernes et son utilisation est recommandée.

Compatibilité jQuery

Dans jQuery версии 1.10.2 (#changeResumeStatus étant une étendue) est toujours par défaut event.returnValue. Cependant, jQuery 1.11 et les versions ultérieures utilisent event.preventDefault() par défaut.

Solution

Pour résoudre le problème, vous pouvez ajouter manuellement event.preventDefault() à le gestionnaire d'événements de clic :

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

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!