ब्राउज़र स्टॉप बटन पर कार्रवाई करें

Question

क्षमा करें यदि यह सरल है; मैं JQuery के लिए नया हूँ। मैंने this जैसे प्रश्नों को खोज और पाया है, लेकिन वे मेरे प्रश्न का काफी जवाब नहीं दे रहे हैं।

मैं JQuery का उपयोग कर रहा कार्रवाई है कि काफी समय लग के लिए एक गूंगा प्रगति संकेतक दिखाने के लिए:

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

उपयोगकर्ता प्रपत्र बटन क्लिक करता है, मैं तो बस एक एनिमेटेड GIF के साथ एक div दिखा। यह div पृष्ठ के दृश्य के शेष समय के लिए दृश्यमान है। फ़ॉर्म की कार्रवाई पूरी होने के बाद, एक नया पृष्ठ लोड होता है।

यह अच्छी तरह से काम करता है, लेकिन यदि कार्रवाई पूर्ण होने से पहले ब्राउज़र में उपयोगकर्ता "रोक" पर क्लिक करता है तो क्या होगा? मैं div कैसे गायब कर सकता हूँ? क्या इस घटना को पकड़ने का कोई तरीका है, या क्या पूरी स्थिति को संभालने का कोई बेहतर तरीका है?

आपकी मदद के लिए धन्यवाद।

Answer 1

आप इसे संभालने के लिए "ऑनस्टॉप" ईवेंट का उपयोग कर सकते हैं, लेकिन यह केवल आईई के लिए काम करेगा। मुझे लगता है कि आप अन्य ब्राउज़रों के लिए ऐसी घटना को संभाल नहीं सकते हैं।

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