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 Ereignis beforeprint wird ausgelöst, wenn das zugehörige Dokument gedruckt oder in der Druckvorschau angezeigt werden soll.
Die Ereignisse afterprint und beforeprint ermöglichen es Seiten, ihren Inhalt vor Beginn des Druckvorgangs zu ändern (etwa um ein Banner zu entfernen) und diese Änderungen nach Abschluss des Druckvorgangs wieder rückgängig zu machen. Im Allgemeinen sollten Sie dafür die CSS-At-Regel @media print verwenden. In manchen Fällen kann jedoch die Verwendung dieser Ereignisse erforderlich sein.
Syntax
Verwenden Sie den Ereignisnamen in addEventListener():
addEventListener("beforeprint", (event) => { })
Alternativ können Sie ihn der Event-Handler-Eigenschaft des Interfaces zuweisen:
onbeforeprint = (event) => { }
Ereignistyp
Ein generisches Event.
Beispiele
Verwendung von addEventListener():
window.addEventListener("beforeprint", (event) => {
console.log("Before print");
});
Verwendung der Event-Handler-Eigenschaft onbeforeprint (beachten Sie jedoch, dass dadurch gegebenenfalls andere über onbeforeprint hinzugefügte Event-Listener ersetzt werden):
window.onbeforeprint = (event) => {
console.log("Before print");
};
Spezifikationen
| Spezifikation |
|---|
| HTML # event-beforeprint |
| HTML # handler-window-onbeforeprint |
Browser-Kompatibilität
Siehe auch
- Zugehöriges Ereignis:
afterprint