What is HTML onbeforeprint Event Attribute

Definition and Usage

The onbeforeprint attribute fires when a page is about to be printed (before the print dialogue box appears).

Tip: The onbeforeprint attribute is often used together with the onafterprint attribute.

Browser Support

Syntax

<element onbeforeprint="script">

Attribute Values

Value	Description
script	The script to be run on onbeforeprint

Technical Details

Supported HTML tags:	<body>

Example of HTML onbeforeprint Event Attribute

Here executes a JavaScript when a page is about to be printed.

index.html

Example: HTML

<!DOCTYPE html>
<html>
<body onbeforeprint="myFunction()">

<h1>Try to print this document</h1>
<p><b>Tip:</b> Keyboard shortcuts, such as Ctrl+P sets the page to print.</p>
<p><b>Note:</b> The onbeforeprint event is not supported in Safari and Opera.</p>

<script>
function myFunction() {
  alert("You are about to print this document!");
}
</script>

</body>
</html>

Output should be:

How to add a JavaScript when a page is about to be printed

Try to print this document Tip: Keyboard shortcuts, such as Ctrl+P sets the page to print. Note: The onbeforeprint event is not supported in Safari and Opera.

index.html

Example: HTML

<!DOCTYPE html>
<html>
<body onbeforeprint="myFunction()">

<h1>Try to print this document</h1>
<p><b>Tip:</b> Keyboard shortcuts, such as Ctrl+P sets the page to print.</p>
<p><b>Note:</b> The onbeforeprint event is not supported in Safari and Opera.</p>

<script>
function myFunction() {
  alert("You are about to print this document!");
}
</script>

</body>
</html>

Output should be:

html event attributes

What is HTML onafterprint Event Attribute	Window Event Attributes
What is HTML onbeforeprint Event Attribute	Window Event Attributes
What is HTML onbeforeunload Event Attribute	Window Event Attributes
What is HTML onerror Event Attribute	Window Event Attributes
What is HTML onhashchange Event Attribute	Window Event Attributes
What is HTML onload Event Attribute	Window Event Attributes
What is HTML onoffline Event Attribute	Window Event Attributes
What is HTML ononline Event Attribute	Window Event Attributes
What is HTML onpageshow Event Attribute	Window Event Attributes
What is HTML onresize Event Attribute	Window Event Attributes

Single Articles

How to add a JavaScript when a page is about to be printed

Window Event Attributes

Read Full:	Window Event Attributes
Type:	Develop
Category:	Web Tutorial
Sub Category:	Window Event Attributes
Uploaded by:	Admin
Views:	18

Reffered: https://www.w3schools.com/tags/ev_onbeforeprint.asp