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
Syntax:
<element onbeforeprint="myScript">
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
Like Article
Suggest improvement
Share your thoughts in the comments
Please Login to comment...