Wykonaj akcję na przycisku zatrzymania przeglądarki kliknij przycisk

Question

Przeprosiny, jeśli jest to uproszczone; Jestem nowy w JQuery. Szukałem i znalazłem pytania takie jak this, ale nie odpowiadają one w pełni na moje pytanie.

używam jQuery pokazać niemego wskaźnik postępu dla działań, które mają długi czas:

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

Gdy użytkownik kliknie przycisk formularz, po prostu pokazać div z animowanym GIF. Ten element div jest widoczny przez resztę czasu, gdy strona jest widoczna. Po zakończeniu działania formularza zostanie załadowana nowa strona.

Działa to dobrze, ale co zrobić, jeśli użytkownik kliknie "zatrzymaj" w przeglądarce przed zakończeniem działania? Jak mogę sprawić, by div zniknął? Czy istnieje sposób, aby złapać to wydarzenie, czy istnieje lepszy sposób radzenia sobie z całą sytuacją?

Dzięki za pomoc.

Answer 1

Możesz użyć zdarzenia "onstop", aby obsłużyć to zdarzenie, ale będzie działać tylko w IE. Myślę, że nie poradzisz sobie z takim wydarzeniem w innych przeglądarkach.

Co można spróbować to zrobić okno dialogowe postępu zniknie po małym timeout:

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