body.onbeforeprint | Html

Descripción

El evento onbeforeprint se lanza antes de realizar una impresión. Una vez que hemos iniciado el proceso de impresión. Mediante este evento podemos modificar el documento que vamos a imprimir.

Al evento onbeforeprint podremos asociarle el código Javascript que queremos que gestione el evento.

Sintaxis

<body onbeforeprint="funcion"></body>

Elemento Padre

body

Ejemplo

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Evento OnAfterPrint</title>
</head>
<body onafterprint="postimpresion();" onbeforeprint="preimpresion();">

    <div id="mensaje"></div>


    <script>
        function mensaje(texto){
            contenido = document.getElementById("mensaje");
            contenido.innerHTML = texto;        
        }

        function postimpresion(){
            mensaje("Has realizado una impresión");
        }

        function preimpresion(){
            mensaje("Vas a imprimir esta pagina");
        }
    </script>
    
</body>
</html>

Artículos

Fin de Impresión en HTML5

Manual HTML

Aprende más sobre HTML consultando online o descargando nuestro manual.

Test HTML

¿Te atreves a probar tus habilidades y conocimiento en HTML con nuestro test?

Vídeos HTML

Disfruta también de nuestros artículos sobre HTML en formato vídeo. Aprovecha y suscribete a nuestro canal.