HTML | onbeforeprint Event Attribute

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.

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:

filter_none

edit
close

play_arrow

link
brightness_4
code

<!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>

chevron_right






                        filter_none








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
    • 



full-stack-img



    

        My Personal Notes
        arrow_drop_up
    

    

        
        

            
            
        

    


Recommended Posts:
Mahadev99
Check out this Author's contributed articles.
If you like GeeksforGeeks and would like to contribute, you can also write an article using contribute.geeksforgeeks.org or mail your article to contribute@geeksforgeeks.org. See your article appearing on the GeeksforGeeks main page and help other Geeks.
Please Improve this article if you find anything incorrect by clicking on  the "Improve Article" button below.