HTML | Событие DOM onafterprint

Опубликовано: 27 Февраля, 2022

Событие DOM onafterprint происходит, когда веб-страница начала печать или если диалоговое окно печати было закрыто.

Синтаксис:

  • HTML:
     <элемент onafterprint = "myScript">
  • JavaScript:
     object.onafterprint = function () {myScript};
  • В JavaScript с помощью метода addEventListener ():
     object.addEventListener ("afterprint", myScript);

Example:

<!DOCTYPE html>
<html>
  
<head>
    <title>
        HTML | DOM onafterprint Event
    </title>
</head>
  
<body>
    <center>
        <h1 style="color:green">
            GeeksforGeeks
        </h1>
          
        <h2>DOM onafterprint Event</h2>
          
        <p>
            <strong>Tip: </strong>Keyboard 
            shortcuts Ctrl+P 
        </p>
  
        <script>
            window.addEventListener("afterprint", myGeeks);
  
            function myGeeks() {
                alert("Document Printed");
            }
        </script>
    </center>
</body>
  
</html>    

Выход:

  • Перед печатью:
  • После печати:

Поддерживаемые браузеры: браузеры, поддерживаемые HTML DOM onafterprint Event , перечислены ниже:

  • Google Chrome 63.0
  • Internet Explorer
  • Fire Fox