From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001
From: Peter Bengtsson <mail@peterbe.com>
Date: Tue, 8 Dec 2020 14:40:17 -0500
Subject: initial commit

---
 .../windoweventhandlers/onbeforeprint/index.html   | 69 ++++++++++++++++++++++
 1 file changed, 69 insertions(+)
 create mode 100644 files/ja/web/api/windoweventhandlers/onbeforeprint/index.html

(limited to 'files/ja/web/api/windoweventhandlers/onbeforeprint/index.html')

diff --git a/files/ja/web/api/windoweventhandlers/onbeforeprint/index.html b/files/ja/web/api/windoweventhandlers/onbeforeprint/index.html
new file mode 100644
index 0000000000..3365ee7e4d
--- /dev/null
+++ b/files/ja/web/api/windoweventhandlers/onbeforeprint/index.html
@@ -0,0 +1,69 @@
+---
+title: WindowEventHandlers.onbeforeprint
+slug: Web/API/WindowEventHandlers/onbeforeprint
+tags:
+  - API
+  - DOM
+  - Event Handler
+  - HTML DOM
+  - Reference
+  - onbeforeprint
+  - プロパティ
+  - 印刷
+translation_of: Web/API/WindowEventHandlers/onbeforeprint
+---
+<div>{{ApiRef}}</div>
+
+<p>{{domxref("WindowEventHandlers")}} ミックスインの <strong><code>onbeforeprint</code></strong> プロパティは、現在のウィンドウの {{event("beforeprint")}} イベントを処理するための {{domxref("EventHandler")}} です。 このイベントは、印刷ダイアログウィンドウが開く前に発生します。</p>
+
+<p><code>beforeprint</code> イベントと {{event("afterprint")}} イベントを使用すると、印刷を開始する前にページでコンテンツを変更し（例えば、バナーを削除するなど）、印刷の完了後にそれらの変更を元に戻すことができます。 一般に、<code><a href="/ja/docs/Web/CSS/Media_Queries/Using_media_queries#Media_types">@media print</a></code> CSS @-規則の使用を好むはずですが、場合によってはこれらのイベントを使用する必要があるかもしれません。</p>
+
+<h2 id="Syntax" name="Syntax">構文</h2>
+
+<pre class="syntaxbox">window.addEventListener("beforeprint", function(event) { ... });
+window.onbeforeprint = function(event) { ... };
+</pre>
+
+<h2 id="Polyfill" name="Polyfill">ポリフィル</h2>
+
+<p>Safari はこれらのイベントを実装していませんが、{{domxref("window.matchMedia")}}<code>('print')</code> を使用して <code>beforeprint</code> イベントと同等の結果を作成できます。</p>
+
+<pre class="brush: js">var mediaQueryList = window.matchMedia('print');
+mediaQueryList.addListener(function(mql) {
+  if(mql.matches) {
+    console.log('onbeforeprint に相当する webkit');
+  }
+});</pre>
+
+<h2 id="Specification" name="Specification">仕様</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">仕様</th>
+   <th scope="col">状態</th>
+   <th scope="col">コメント</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', '#handler-window-onbeforeprint', 'onbeforeprint')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td></td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2>
+
+
+
+<p>{{Compat("api.WindowEventHandlers.onbeforeprint")}}</p>
+
+<h2 id="See_also" name="See_also">関連情報</h2>
+
+<ul>
+ <li>{{domxref("Window.print()")}}</li>
+ <li>{{domxref("WindowEventHandlers.onafterprint")}}</li>
+ <li><a href="/ja/docs/Web/Guide/Printing">印刷</a></li>
+</ul>
-- 
cgit v1.2.3-54-g00ecf