Tarayıcı durdurma düğmesi üzerinde işlem gerçekleştirme

Question

Bu basitse özür dilerim; JQuery’de yeniyim. this gibi soruları araştırdım ve buldum, ama sorumu yanıtlamıyor gibi görünmüyorlar.

Ben uzun zaman alabilir eylemler için bir aptal ilerleme göstergesi göstermek için JQuery kullanıyorum:

kullanıcı form düğmesini tıkladığında

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

, sadece bir animasyonlu gif ile bir div gösterir. Bu div, sayfanın görünür olduğu süre boyunca görünür. Formun eylemi tamamlandıktan sonra yeni bir sayfa yüklenir.

Bu iyi çalışıyor, ancak kullanıcı eylem tamamlanmadan önce tarayıcıda "durdur" u tıklarsa ne olur? Div'u nasıl yok edebilirim? Bu olayı yakalamanın bir yolu var mı yoksa tüm durumu ele almanın daha iyi bir yolu var mı?

Yardımlarınız için teşekkürler.

Answer 1

"onstop" olayını işlemek için kullanabilirsiniz, ancak yalnızca IE için çalışacaktır. Bu tür etkinlikleri diğer tarayıcılarda kullanamazsınız. Bu olası değildir

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