问如何检测已取消页面加载的用户

EN

我有一个有基本表格的网页。在点击"submit“和页面重新加载结果之间有一个不可忽略的等待时间，所以我在用户等待时添加了一些旋转器。

它非常直截了当，下面是HTML：

<div id="loadingBox" style="display:none;">
    <!---put the actual loader here--->
</div>

以下是用户单击submit后使旋转器可见的基本事件处理程序：

$("#submitButton").submit(function(e)
{
    $("#loadingBox").css('display', 'block');
});

问题是用户可以单击submit，使该框出现，然后单击“转义”或单击“浏览器”按钮以取消页面加载，而旋转器则继续旋转。

我加上这个是为了让旋转器在点击“逃逸”时消失：

$(document).keydown(function (e)
{
    if(e.keyCode == 27)
    {
        $("#loadingBox").css('display', 'none');
    }
})

如何检测用户已单击“取消页面加载”按钮？在单击该按钮时，我找不到触发的事件，也找不到反映该按钮的就绪状态或其他属性。我担心的是用户单击cancel load按钮，然后旋转器就不会消失，用户会盯着旋转器，认为页面仍然在做什么，但它没有做任何事情。