HTML DOM onbeforeprint Event

Last Updated : 22 Jun, 2023

The onbeforeprint event occurs when a user gives a command to print a page. A dialog box will display just before printing the page. The onbeforeprint event is the opposite of the onafterprint event.

Supported Tags

<body>

Syntax:

In HTML:

<element onbeforeprint="myScript">

In JavaScript:

object.onbeforeprint = function(){myScript};

In JavaScript, using the addEventListener() method:

object.addEventListener("beforeprint", myScript);

The below examples illustrate the onbeforeprint Event in HTML DOM:

Example: Using HTML

HTML

<!DOCTYPE html>
<html>
 
<body onbeforeprint="myFunction()">
    <center>
        <h1 style="color:green">
            GeeksforGeeks
        </h1>
        <p>
              Try to print this page you will see a alert
          </p>
 
        <script>
            function myFunction() {
                alert("You are going to print this page");
            }
        </script>
    </center>
</body>
</html>

Output:

Example: Using javascript

HTML

<!DOCTYPE html>
<html>
 
<body>
    <center>
        <h1 style="color:green">
            GeeksforGeeks
        </h1>
        <p>
              Try to print this page you will see a alert
          </p>
 
        <script>
            document.getElementsByTagName("BODY")[0]
                .onbeforeprint = function () {
                myFunction()
            };
 
            function myFunction() {
                alert("You are going to print this page");
            }
        </script>
    </center>
</body>
 
</html>

Output:

Example: In JavaScript, using the addEventListener() method:

HTML

<!DOCTYPE html>
<html>
 
<body>
    <center>
        <h1 style="color:green">
            GeeksforGeeks
        </h1>
        <p>
              Try to print this page you will see a alert
          </p>
 
        <script>
            window.addEventListener(
               "beforeprint", myFunction);
            function myFunction() {
                alert("You are going to print this page");
            }
        </script>
    </center>
</body>
 
</html>

Output:

Supported Browsers: The browser supported by HTML DOM onbeforeprint events are listed below:

Google Chrome 63.0
Internet Explorer
Firefox

HTML DOM onabort Event

Vijay Sirra

Improve

Article Tags :

HTML DOM onbeforeprint Event

HTML

HTML

HTML

Similar Reads

Thank You!

What kind of Experience do you want to share?