HTML में दस्तावेज़ अनलोड होने से पहले स्क्रिप्ट कैसे निष्पादित करें?

onbeforeunload इवेंट एट्रिब्यूट

onbeforeunload इवेंट एट्रिब्यूट तब फायर होता है जब दस्तावेज़ अनलोड होने वाला होता है। यह उपयोगकर्ता के पेज छोड़ने, रीफ्रेश करने, या ब्राउज़र बंद करने से ठीक पहले ट्रिगर होता है। इसका उपयोग अक्सर अनसेव्ड डेटा होने पर उपयोगकर्ता को चेतावनी देने के लिए किया जाता है।

उदाहरण

निम्नलिखित कोड onbeforeunload एट्रिब्यूट का उपयोग दिखाता है:

<!DOCTYPE html>
<html>
<body onbeforeunload="return display()">
    <p>इस विंडो को बंद करें या F5 दबाएं।</p>
    <script>
        function display() {
            return "क्या आप यहाँ रहना चाहते हैं या छोड़ना चाहते हैं?";
        }
    </script>
</body>
</html>

महत्वपूर्ण नोट्स

• आधुनिक ब्राउज़र्स में, कस्टम संदेश अक्सर दिखाया नहीं जाता; ब्राउज़र अपना मानक पुष्टिकरण डायलॉग दिखाता है।
• यह इवेंट <body> टैग पर या window.addEventListener('beforeunload', handler) के माध्यम से जोड़ा जा सकता है।
• मोबाइल ब्राउज़र्स में व्यवहार भिन्न हो सकता है।

अतिरिक्त उपयोग

आप इसका उपयोग फॉर्म डेटा सेव करने, एनालिटिक्स भेजने, या सत्र समाप्त करने के लिए भी कर सकते हैं:

window.addEventListener('beforeunload', function(e) {
    // अनसेव्ड परिवर्तन जांचें
    if (hasUnsavedChanges) {
        e.preventDefault();
        e.returnValue = '';
    }
    
    // सत्र डेटा सेव करें
    saveSessionData();
    
    // एनालिटिक्स भेजें (sendBeacon का उपयोग करके)
    navigator.sendBeacon('/analytics/leave', { page: location.href });
});