HTML | onbeforeprint Event Attribute

Difficulty Level : Basic
Last Updated : 30 Jul, 2021

The onbeforeprint attribute works when a page is about to be printed. The alert message display before the print dialogue box appears. The onbeforeprint attribute is used with the onafterprint attribute.
Supported Tags

<body>

Syntax:

<element onbeforeprint = "script">

Attribute Value: This attribute contains single attribute value script and it works when document is about to print. This attribute is supported by <body> tag.
Example:

html

<!DOCTYPE html>
<html>
    <head>
        <title>onbeforeprint attribute</title>
        <style>
            body {
                text-align:center;
            }
            h1 {
                color:green;
            }
        </style>
    </head>
    <body onbeforeprint="myFunction()">
        <h1>GeeksforGeeks</h1>
        <h2>onbeforeprint attribute</h2>
        <!-- The script run when page will ready to print -->
        <script>
            function myFunction() {
                alert("This document is ready to be printed");
            }
        </script>
    </body>
</html>

Output:

Supported Browsers: The browser supported by onbeforeprint attribute are listed below:

Chrome 63.0 and above
Internet Explorer
Firefox
Safari: Not supported
Opera: Not supported

Attention reader! Don’t stop learning now. Get hold of all the important Comcompetitivepetitve Programming concepts with the Web Design for Beginners | HTML course.

My Personal Notes

Related Articles

HTML | onbeforeprint Event Attribute

html