Comprendre l'avertissement de dépréciation event.returnValue : pourquoi et comment le corriger ?

jQuery : Comprendre l'avertissement de dépréciation Event.returnValue

Énoncé du problème

Considérez le script jQuery suivant :

<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>

Lors de l'exécution de ce script, vous pouvez rencontrer l'avertissement dans la console de Google Chrome :

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

Malgré l'erreur, votre code fonctionnera toujours comme prévu.

Question

Pourquoi cette erreur se produit-elle et quelle est la solution nécessaire ?

Réponse

L'erreur que vous voyez est un avertissement de dépréciation, indiquant que event.returnValue n'est plus préféré et sera éventuellement supprimé dans les versions futures. Pour éviter cette erreur, vous devez plutôt utiliser event.preventDefault().

Solution

jQuery version 1.10.2 et versions antérieures :

Si vous Si vous utilisez jQuery version 1.10.2 ou antérieure, vous devrez modifier votre code comme suit :

<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 et versions ultérieures :

Si vous utilisez jQuery 1.11 ou version ultérieure, le problème a déjà été résolu dans le framework. Néanmoins, pour plus de clarté, voici le code mis à jour :

<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>

Avec ces modifications, vous ne rencontrerez plus l'avertissement de dépréciation et votre code continuera de fonctionner correctement.

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!