event.returnValue 非推奨の警告について: 修正の理由と修正方法-jsチュートリアル-php.cn

event.returnValue 非推奨の警告について: 修正の理由と修正方法

Patricia Arquette

リリース： 2024-10-21 13:39:31

オリジナル

562 人が閲覧しました

Understanding event.returnValue Deprecation Warning: Why and How to Fix?

jQuery: Event.returnValue 非推奨の警告について

問題ステートメント

次の jQuery スクリプトを検討してください:

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

ログイン後にコピー

このスクリプトを実行すると、Google Chrome のコンソールに次の警告が表示される場合があります:

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

ログイン後にコピー

エラーにもかかわらず、コードは引き続き期待どおりに機能します。

質問

理由このエラーは発生していますか?必要な修正は何ですか?

回答

表示されているエラーは非推奨の警告であり、event.returnValue が推奨されなくなり、最終的には削除されることを示しています。将来のバージョンでは。このエラーを防ぐには、代わりにevent.preventDefault()を使用する必要があります。

解決策

jQuery バージョン 1.10.2 以前:

jQuery バージョン 1.10.2 以前を使用している場合は、コードを次のように変更する必要があります:

<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 バージョン 1.11 以降:

場合jQuery 1.11 以降を使用している場合、この問題はフレームワークですでに解決されています。ただし、わかりやすくするために、更新されたコードを次に示します。

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

ログイン後にコピー

これらの変更により、非推奨の警告は表示されなくなり、コードは引き続き適切に機能します。

以上がevent.returnValue 非推奨の警告について: 修正の理由と修正方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。