在浏览器停止按钮单击上执行操作

Question

如果这是简单的话,请道歉; 我是JQuery的新手.我已经搜查,发现这样的问题这样,但他们似乎并不十分回答我的问题.

我正在使用JQuery为需要很长时间的操作显示一个愚蠢的进度指示器:

$(document).ready(function() {
    $('form').submit(function() {
        $('#progress').show();
    });
});

当用户单击表单按钮时,我只显示带有GIF动画的div.在页面可见的剩余时间内,此div是可见的.表单的操作完成后,将加载新页面.

这很有效,但如果用户在操作完成之前在浏览器中单击"停止",该怎么办？怎么能让div消失？有没有办法捕捉这个事件,还是有更好的方法来处理整个情况？

谢谢你的帮助.

Answer 1

您可以使用“onstop”事件来处理此问题，但它仅适用于 IE。我认为你无法为其他浏览器处理此类事件。

您可以尝试的是让进度对话框在短暂超时后消失：

$('form').submit(function() {
    $('#progress').show();
    setTimeout(function(){
             $('#progress').hide();  
    },3000);
});