ブラウザの停止ボタンをクリックしてアクションを実行

Question

これは単純ですが謝罪します。私はJQueryを初めて使用しています。私は検索してthisのような質問を見つけましたが、私の質問にはあまり答えてくれないようです。

私は長い時間がかかるアクションのダム進行状況インジケータを表示するためには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); 
});