Eseguire l'azione sul pulsante di arresto del browser fare clic su

Question

Ci scusiamo se questo è semplicistico; Sono nuovo di JQuery. Ho cercato e trovato domande come this, ma non sembrano rispondere alla mia domanda.

Sto usando jQuery per mostrare un indicatore di avanzamento muto per le azioni che richiedono molto tempo:

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

Quando l'utente fa clic su un pulsante di forma, ho solo mostrare un div con una gif animata. Questo div è visibile per il resto del tempo in cui la pagina è visibile. Una volta completata l'azione del modulo, viene caricata una nuova pagina.

Funziona bene, ma cosa succede se l'utente fa clic su "interrompi" nel browser prima che l'azione venga completata? Come posso far sparire il div? C'è un modo per prendere questo evento, o c'è un modo migliore per gestire l'intera situazione?

Grazie per il vostro aiuto.

Answer 1

È possibile utilizzare l'evento "onstop" per gestirlo, ma funzionerà solo per IE. Penso che tu non possa gestire questo evento per altri browser.

Che cosa si può provare è quello di rendere la finestra di avanzamento scompare dopo piccolo timeout:

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