当在JavaScript中有window.onbeforeunload时，刷新按钮/ F5直接发送到控制器（mvc）

Question

当用户按下“关闭”按钮时，我需要调用一个控制器，所以我这样做了：

在JavaScript中：

document.onkeydown = fkey;
var refresh = false;

function fkey(e) {
    e = e || window.event;
    key = (document.all) ? e.keyCode : e.which;
    if (key == 116) {
        refresh = true;
    }
}

window.onbeforeunload = function () {
      debugger;
      if(!refresh){
         callController();
     }
}

function callController() {
    $.ajax({
        url: "/Controller/FunctionX",
        type: "POST",
        async: true,
        cache: false,
        data: { 'refresh': refresh},
        success: function (jsonResults) {
        },
        error: function () {
        },
        complete: function () {
        }
    });
};

问题是：当我按F5或“刷新按钮”，并尝试调试此代码时，操作直接进入控制器（FunctionX），而在此.js中不通过/停止

任何想法？ 谢谢

Answer 1

将您的fkey函数改为

function fkey(e){
    e = e || window.event;
    if (e.code === 'F5') {
        refresh = true;
    }
}

您可以在此处看到完整的示例 ，如果您观看控制台，则可以看到在重新加载之前未调用callController 。 您可以测试非F5重新加载，但在jsfiddle中单击“运行”。