JavaScript 中过时 event.returnValue 的推荐替代品是什么？

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 为a span）仍然默认为 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中文网其他相关文章！