ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScript の古いevent.returnValueの推奨される代替品は何ですか?

JavaScript の古いevent.returnValueの推奨される代替品は何ですか?

DDD
DDDオリジナル
2024-10-21 14:15:30984ブラウズ

What is the Recommended Replacement for the Outdated event.returnValue in JavaScript?

Chrome コンソールのevent.returnValue 非推奨の推奨事項に関する問題

以下の JavaScript コードを実行しようとすると、次の警告が表示される場合があります。 Google Chrome コンソール:

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

警告には「event.returnValue は非推奨です。代わりに標準のevent.preventDefault() を使用してください。」

説明

この警告は、event.returnValue がブラウザーのデフォルトのアクションを防ぐための古いプロパティであるために発生します。その代替となるevent.preventDefault()は、最新のWeb標準に準拠しており、使用することをお勧めします。

jQuery互換性

jQueryでは、1.10.2 (#changeResumeStatusはスパン) のデフォルトは依然としてevent.returnValueです。ただし、jQuery 1.11 以降のバージョンでは、デフォルトでevent.preventDefault() が使用されます。

解決策

この問題を解決するには、event.preventDefault() を手動で追加します。クリック イベント ハンドラー:

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

以上がJavaScript の古いevent.returnValueの推奨される代替品は何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。