जब कोई पेज प्रिंट होने वाला होता है या HTML दस्तावेज़ में प्रिंट डायलॉग बॉक्स दिखाई देने से पहले HTML onbeforeprint ईवेंट विशेषता ट्रिगर हो जाती है।
सिंटैक्स
निम्नलिखित वाक्य रचना है -
<tagname onbeforeprint=”script”></tagname>
आइए हम HTML onbeforeprint ईवेंट विशेषता का एक उदाहरण देखें—
उदाहरण
<!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 onbeforeprint="get()">
<h1>HTML onbeforeprint 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 का उपयोग करके दस्तावेज़ को प्रिंट करने का प्रयास करें और देखें कि onbeforeprint ईवेंट विशेषता कैसे काम करती है।
