जब कोई पेज प्रिंट होना शुरू हो जाता है या HTML दस्तावेज़ में प्रिंट डायलॉग बॉक्स बंद हो जाता है, तो HTML onafterprint ईवेंट विशेषता ट्रिगर हो जाती है।
सिंटैक्स
निम्नलिखित वाक्य रचना है -
<tagname onafterprint=”script”></tagname>
आइए हम HTML onafterprint ईवेंट विशेषता का एक उदाहरण देखें—
उदाहरण
<!DOCTYPE html>
<html>
<head>
<style>
body {
color: #000;
height: 100vh;
background-color: #FBAB7E;
background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%);
text-align: center;
padding: 20px;
}
p {
font-size: 1.1rem;
}
</style>
</head>
<body onafterprint="get()">
<h1>HTML onafterprint Event Attribute Demo</h1>
<p>I'm a paragraph HTML element with some dummy text.</p>
<p style="color:#db133a;">Now try to print this document.</p>
<div class="show"></div>
<script>
function get() {
document.body.style.background = "lightblue";
}
</script>
</body>
</html> आउटपुट
अब ctrl + p का उपयोग करके दस्तावेज़ को प्रिंट करने का प्रयास करें और देखें कि onafterprint ईवेंट विशेषता कैसे काम करती है।
