PDFPageElement: load event

Syntax

Use the event name in methods like addEventListener(). WebPDF elements have no onload event handler property.

addEventListener("load", (event) => { })

With event:prefix=type on the <script>, the file or the page, the event is named pdf-page-load instead.

Event type

A CustomEvent. Inherits from Event.

Description

The page fires load before it draws, every time it starts drawing for a change that affects it: a new file, another page number, scale, rotation, engine or layer. A lazy page fires load once it is sized and render later, when it comes near the viewport and is drawn.

Examples

Reading the page size on load

const page = document.querySelector("pdf-page");
page.addEventListener("load", () => {
  const style = getComputedStyle(page);
  console.log(style.getPropertyValue("--width"), style.getPropertyValue("--height"));
});

Specifications

Not part of any specification. <pdf-file> and <pdf-page> are autonomous custom elements defined by WebPDF.pro.

Browser compatibility

See also

• render
• load
• PDFPageElement.loading