HTML onbeforeprint Event Attribute - Window Event Attributes

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

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

Single Articles

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

Window Event Attributes

Type:	Develop
Category:	Web Tutorial
Sub Category:	Window Event Attributes
Uploaded by:	Admin

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