Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

Window: beforeprint-Event

Baseline Weitgehend verfügbar

Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit September 2019 browserübergreifend verfügbar.

Das beforeprint-Event wird ausgelöst, wenn das zugehörige Dokument gedruckt oder für den Druckvorgang in der Vorschau angezeigt werden soll.

Die afterprint- und beforeprint-Ereignisse ermöglichen es Seiten, ihren Inhalt zu ändern, bevor der Druck beginnt (zum Beispiel, um ein Banner zu entfernen) und diese Änderungen nach Abschluss des Drucks wieder zurückzusetzen. Im Allgemeinen sollten Sie die Verwendung einer @media print CSS-Regel bevorzugen, aber es kann notwendig sein, diese Ereignisse in einigen Fällen zu verwenden.

Syntax

Verwenden Sie den Ereignisnamen in Methoden wie addEventListener(), oder legen Sie eine Ereignishandlereigenschaft fest.

js
addEventListener("beforeprint", (event) => { })

onbeforeprint = (event) => { }

Ereignistyp

Ein generisches Event.

Beispiele

Verwendung von addEventListener():

js
window.addEventListener("beforeprint", (event) => {
  console.log("Before print");
});

Verwendung der onbeforeprint Ereignishandlereigenschaft:

js
window.onbeforeprint = (event) => {
  console.log("Before print");
};

Spezifikationen

Spezifikation
HTML
# event-beforeprint
HTML
# handler-window-onbeforeprint

Browser-Kompatibilität

Siehe auch