HTML onbeforeprint Event Attribute - HTML 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

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

Read Article
https://develop.horje.com/learn/1434/reference