Window: beforeprint イベント
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2019年9月.
beforeprint イベントは、関連する文書が印刷される直前や、印刷プレビューが開く直前に発生します。
afterprint および beforeprint イベントを使用すると、印刷が開始される前にページのコンテンツを変更し（例えば、バナーを除去するなど）、そして印刷が完了した後にそれらの変更を元に戻すことができます。一般的には、CSS の @media printアットルールを使用することを推奨しますが、場合によってはこれらのイベントを使用する必要があることがあります。
構文
このイベント名を addEventListener() のようなメソッドで使用するか、イベントハンドラープロパティを設定するかしてください。
js
addEventListener("beforeprint", (event) => { })
onbeforeprint = (event) => { }
イベント型
一般的な Event です。
例
addEventListener() の使用例:
js
window.addEventListener("beforeprint", (event) => {
console.log("Before print");
});
onbeforeprint イベントハンドラープロパティの使用例:
js
window.onbeforeprint = (event) => {
console.log("Before print");
};
仕様書
| Specification |
|---|
| HTML # event-beforeprint |
| HTML # handler-window-onbeforeprint |
ブラウザーの互換性
関連情報
- 関連イベント:
afterprint