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-Ereignis

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 Ereignis wird ausgelöst, wenn das zugehörige Dokument gedruckt oder für den Druckvorschau vorbereitet wird.

Die afterprint und beforeprint Ereignisse ermöglichen es Seiten, ihren Inhalt zu ändern, bevor der Druckvorgang beginnt (um beispielsweise ein Banner zu entfernen) und diese Änderungen nach Abschluss des Druckvorgangs wieder rückgängig zu machen. Im Allgemeinen sollten Sie die Verwendung einer @media print CSS-Regel vorziehen, aber in einigen Fällen kann es notwendig sein, diese Ereignisse zu verwenden.

Syntax

Verwenden Sie den Ereignisnamen in Methoden wie addEventListener(), oder setzen Sie eine Ereignis-Handler-Eigenschaft.

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 Ereignis-Handler-Eigenschaft:

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

Spezifikationen

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

Browser-Kompatibilität

Siehe auch