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

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

onafterprint एट्रिब्यूट HTML में दस्तावेज़ प्रिंट होने के बाद (या प्रिंट डायलॉग बंद होने पर) स्क्रिप्ट निष्पादित करने के लिए उपयोग किया जाता है। यह onbeforeprint का पूरक है।

उदाहरण

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

<!DOCTYPE html>
<html>
<body onafterprint="display()">
    <h2>प्रिंट के बाद निष्पादन</h2>
    <p>Ctrl+P दबाकर प्रिंट डायलॉग खोलें, फिर प्रिंट करें या रद्द करें।</p>
    
    <script>
        function display() {
            alert("प्रिंट पूर्ण! सफलता!");
            
            // प्रिंट के बाद UI बहाल करें
            restoreUI();
        }
        
        function restoreUI() {
            // प्रिंटिंग के लिए छिपाए गए तत्वों को फिर से दिखाएँ
            document.querySelectorAll('.hide-on-print').forEach(el => {
                el.style.display = '';
            });
        }
    </script>
</body>
</html>

व्यावहारिक उपयोग

<!DOCTYPE html>
<html>
<head>
<style>
    @media print {
        .no-print { display: none !important; }
        .print-only { display: block !important; }
        body { font-size: 12pt; }
    }
</style>
</head>
<body onbeforeprint="preparePrint()" onafterprint="cleanupPrint()">
    <header class="no-print">नेविगेशन बार</header>
    <main>मुख्य सामग्री</main>
    <footer class="no-print">फुटर</footer>
    <div class="print-only">प्रिंट संस्करण - गोपनीय</div>
    
    <script>
        function preparePrint() {
            console.log('प्रिंटिंग के लिए तैयार...');
            // एनालिटिक्स: प्रिंट प्रयास ट्रैक करें
            trackEvent('print_attempt');
        }
        
        function cleanupPrint() {
            console.log('प्रिंट डायलॉग बंद');
            // एनालिटिक्स: प्रिंट पूर्ण ट्रैक करें
            trackEvent('print_complete');
        }
        
        function trackEvent(name) {
            // navigator.sendBeacon('/analytics', { event: name });
            console.log('इवेंट ट्रैक:', name);
        }
    </script>
</body>
</html>

ब्राउज़र समर्थन

• Chrome, Firefox, Edge, Safari: पूर्ण समर्थन
• IE/Edge Legacy: समर्थन
• मोबाइल ब्राउज़र्स: अधिकांश में समर्थन

नोट

कुछ ब्राउज़र्स में, onafterprint प्रिंट डायलॉग रद्द होने पर भी फायर हो सकता है। यह व्यवहार ब्राउज़र के अनुसार भिन्न होता है।