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

Question

道歉，如果这是简单的;我是JQuery的新手。我搜索过并发现this之类的问题，但它们似乎没有完全回答我的问题。

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

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

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

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

感谢您的帮助。

Answer 1

你可以使用＆＃34; onstop＆＃34;事件处理这个，但它只适用于IE。我认为您无法为其他浏览器处理此类事件。

您可以尝试的是在小超时后使进度对话框消失：

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