El evento onbeforeprint ocurre cuando un usuario da un comando para imprimir una página. Aparecerá un cuadro de diálogo justo antes de imprimir la página. El evento onbeforeprint es lo opuesto al evento onafterprint.
Etiquetas admitidas
Sintaxis:
- En HTML:
<element onbeforeprint="myScript">
- En JavaScript:
object.onbeforeprint = function(){myScript};
- En JavaScript, usando el método addEventListener():
object.addEventListener("beforeprint", myScript);
Los siguientes ejemplos ilustran el evento onbeforeprint en HTML DOM:
- Ejemplo: uso de HTML
html
<!DOCTYPE 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>
- Salida:
Después de dar el comando de impresión:
- Ejemplo: Usando 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>
- Salida:
Después de dar el comando de impresión:
- Ejemplo: en JavaScript, usando el método addEventListener():
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>
- Salida:
Después de dar el comando de impresión:
Navegadores compatibles: los navegadores compatibles con el evento HTML DOM onbeforeprint se enumeran a continuación:
- Google Chrome 63.0
- explorador de Internet
- Firefox
Publicación traducida automáticamente
Artículo escrito por Vijay Sirra y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA