Window: beforeprint イベント
Baseline
広く利用可能
この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。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");
};
仕様書
| 仕様書 |
|---|
| HTML # event-beforeprint |
| HTML # handler-window-onbeforeprint |
ブラウザーの互換性
関連情報
- 関連イベント:
afterprint