initial commit

1 files changed, 107 insertions, 0 deletions

diff --git a/files/zh-cn/web/api/windoweventhandlers/onafterprint/index.html b/files/zh-cn/web/api/windoweventhandlers/onafterprint/index.html
new file mode 100644
index 0000000000..cdf54dcead
--- /dev/null
+++ b/files/zh-cn/web/api/windoweventhandlers/onafterprint/index.html
@@ -0,0 +1,107 @@
+---
+title: WindowEventHandlers.onafterprint
+slug: Web/API/WindowEventHandlers/onafterprint
+tags:
+  - 打印
+translation_of: Web/API/WindowEventHandlers/onafterprint
+---
+<div>{{ApiRef}}</div>
+
+<p>{{domxref("WindowEventHandlers")}}的onafterprint属性是用于处理当前窗口的{{event("afterprint")}}事件的{{domxref("EventHandler")}}。这些事件会在被用户打印结束或者中止打印窗口的情况下触发。</p>
+
+<p>{{event("beforeprint")}}和<code>afterprint</code> 事件允许页面在打印开始前修改它们的内容（比如移除一个横幅等），打印结束后，这些修改会恢复原状。一般情况下，你更喜欢使用 <code><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries#Media_types">@media print</a></code> CSS规则，但是在某些情况下这些事件会有他们的必要性。</p>
+
+<h2 id="语法">语法</h2>
+
+<pre class="syntaxbox"><em>window</em>.addEventListener("afterprint", function(event) { ... });
+<em>window</em>.onafterprint = <em>event handling code</em>
+</pre>
+
+<h2 id="提示">提示</h2>
+
+<p>某些浏览器（包括 Firefox 6 及更高版本和 Internet Explorer）用触发<code>beforeprint</code> 和<code>afterprint</code>的方式来确定何时进行了打印。你可以在打印期间用这个方式来调整用户界面（UI）的表现（比如在打印过程中展示或隐藏一些界面元素）。</p>
+
+<p><code>afterprint</code>会在用户打印完成或取消打印会话后触发。</p>
+
+<h2 id="规范">规范</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Specification 规范</th>
+   <th scope="col">Status 状态</th>
+   <th scope="col">Comment 备注</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', '/multipage/webappapis.html#windoweventhandlers', 'onafterprint')}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td></td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="浏览器兼容性">浏览器兼容性</h2>
+
+<p>{{CompatibilityTable}}</p>
+
+<div id="compat-desktop">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Feature</th>
+   <th>Chrome</th>
+   <th>Edge</th>
+   <th>Firefox (Gecko)</th>
+   <th>Internet Explorer</th>
+   <th>Opera</th>
+   <th>Safari</th>
+  </tr>
+  <tr>
+   <td>Basic support</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>6.0</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="compat-mobile">
+<table class="compat-table">
+ <tbody>
+  <tr>
+   <th>Feature</th>
+   <th>Android Webview</th>
+   <th>Chrome for Android</th>
+   <th>Edge</th>
+   <th>Firefox Mobile (Gecko)</th>
+   <th>IE Mobile</th>
+   <th>Opera Mobile</th>
+   <th>Safari Mobile</th>
+  </tr>
+  <tr>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatVersionUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatUnknown}}</td>
+   <td>{{CompatNo}}</td>
+   <td>{{CompatUnknown}}</td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="更多请见">更多请见</h2>
+
+<ul>
+ <li>{{domxref("window.print")}}</li>
+ <li>{{domxref("window.onbeforeprint")}}</li>
+ <li><a href="/en-US/docs/Printing" title="Printing">Printing</a></li>
+</ul>
+
+<div class="grammarly-disable-indicator"></div>