1. 開発者向けのウェブ技術
  2. Web API
  3. Window
  4. beforeprint

このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

View in English Always switch to English

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

MDN の改良に協力

協力方法を知る

このページは MDN の貢献者によって に最終更新されました。

GitHub でこのページを表示 • このコンテンツに関する問題を報告