From d3e1befe93fac44e966985c5e49a527fdc815375 Mon Sep 17 00:00:00 2001
From: allo <yin199909@aliyun.com>
Date: Thu, 21 Jul 2022 08:39:21 +0800
Subject: [PATCH 1/3] prepare markdown convertion for three sections

---
 files/zh-cn/web/demos/index.html              |  34 ++---
 .../creating_and_triggering_events/index.html |   6 +-
 .../detecting_device_orientation/index.html   | 132 +++---------------
 files/zh-cn/web/events/index.html             | 104 +++++++-------
 .../index.html                                |  12 +-
 files/zh-cn/web/exslt/index.html              |   2 +-
 files/zh-cn/web/exslt/regexp/match/index.html |  14 +-
 7 files changed, 102 insertions(+), 202 deletions(-)

diff --git a/files/zh-cn/web/demos/index.html b/files/zh-cn/web/demos/index.html
index cf0c051e4e3d6f..813e410622dfb2 100644
--- a/files/zh-cn/web/demos/index.html
+++ b/files/zh-cn/web/demos/index.html
@@ -15,7 +15,7 @@
 ---
 <p>Mozilla 支持各种令人兴奋的开源 Web 技术，我们鼓励大家使用它们。此页面提供了有关这些技术的一些有趣演示链接。</p>
 
-<p>如果你知道开源 Web 技术的优秀演示或者应用，就在这里（以及 <a href="https://developer.mozilla.org/en-US/docs/Web/Demos_of_open_web_technologies">英文页面</a>）添加一个合适的链接吧。</p>
+<p>如果你知道开源 Web 技术的优秀演示或者应用，就在这里（以及 <a href="/en-US/docs/Web/Demos_of_open_web_technologies">英文页面</a>）添加一个合适的链接吧。</p>
 
 <h2 id="2D_图形">2D 图形</h2>
 
@@ -24,7 +24,7 @@ <h3 id="Canvas">Canvas</h3>
 <ul>
  <li><a href="http://www.blobsallad.se/">Blob Sallad: an interactive blob using JavaScript and canvas</a>（<a href="http://blobsallad.se/article/">示例</a>）</li>
  <li><a href="http://arapehlivanian.com/wp-content/uploads/2007/02/canvas.html">Flying through space</a></li>
- <li><a href="https://developer.mozilla.org/samples/raycaster/RayCaster.html" title="https://developer.mozilla.org/editor/fckeditor/core/editor/samples/raycaster/RayCaster.html">3D RayCaster</a></li>
+ <li><a href="/samples/raycaster/RayCaster.html">3D RayCaster</a></li>
  <li><a href="http://processingjs.org/exhibition/">processing.js</a></li>
  <li><a href="http://gyu.que.jp/jscloth/">3D on 2D Canvas</a></li>
  <li><a href="http://viliusle.github.io/miniPaint/">miniPaint: Image editor</a>（<a href="https://github.com/viliusle/miniPaint">源码</a>）</li>
@@ -34,12 +34,12 @@ <h3 id="Canvas">Canvas</h3>
 <h3 id="SVG">SVG</h3>
 
 <ul>
- <li><a class="external" href="http://starkravingfinkle.org/projects/demo/svg-bubblemenu-in-html.xml">Bubblemenu</a> （视觉特效与交互）</li>
- <li><a class="external" href="http://starkravingfinkle.org/blog/2007/07/firefox-3-svg-foreignobject/">HTML transformations</a>（使用了 <code>&lt;foreignObject&gt;</code> 元素）（视觉特效与变换）</li>
- <li><a class="external" href="http://svg-whiz.com/svg/linguistics/theCreepyMouth.svg">Phonetics Guide</a>（可交互）</li>
- <li><a class="external" href="http://www.lutanho.net/svgvml3d/platonic.html">3D objects demo</a>（可交互）</li>
- <li><a class="external" href="http://www.themaninblue.com/experiment/Blobular/">Blobular</a>（可交互）</li>
- <li><a class="external" href="http://www.double.co.nz/video_test/video.svg">Video embedded in SVG</a>（或<a href="http://www.double.co.nz/video_test/video_svg.tar.bz2">下载到本地</a>）</li>
+ <li><a href="http://starkravingfinkle.org/projects/demo/svg-bubblemenu-in-html.xml">Bubblemenu</a> （视觉特效与交互）</li>
+ <li><a href="http://starkravingfinkle.org/blog/2007/07/firefox-3-svg-foreignobject/">HTML transformations</a>（使用了 <code>&lt;foreignObject&gt;</code> 元素）（视觉特效与变换）</li>
+ <li><a href="http://svg-whiz.com/svg/linguistics/theCreepyMouth.svg">Phonetics Guide</a>（可交互）</li>
+ <li><a href="http://www.lutanho.net/svgvml3d/platonic.html">3D objects demo</a>（可交互）</li>
+ <li><a href="http://www.themaninblue.com/experiment/Blobular/">Blobular</a>（可交互）</li>
+ <li><a href="http://www.double.co.nz/video_test/video.svg">Video embedded in SVG</a>（或<a href="http://www.double.co.nz/video_test/video_svg.tar.bz2">下载到本地</a>）</li>
  <li><a href="http://summerstyle.github.io/summer/">Summer HTML image map creator</a>（<a href="https://github.com/summerstyle/summer">源码</a>）</li>
 </ul>
 
@@ -48,13 +48,13 @@ <h3 id="Video">视频</h3>
 <ul>
  <li><a href="https://vimeo.com/172328210">Video 3D Animation "mozilla constantly evolving" </a></li>
  <li><a href="https://vimeo.com/173851395">Video 3D animation "Floating Dance" </a></li>
- <li><a class="external" href="http://www.double.co.nz/video_test/test1.html">Streaming Anime, Movie Trailer and Interview</a></li>
- <li><a class="external" href="http://www.double.co.nz/video_test/test2.html">Billy's Browser Firefox Flick</a></li>
- <li><a class="external" href="http://www.double.co.nz/video_test/test3.html">Virtual Barber Shop</a></li>
- <li><a class="external" href="http://www.double.co.nz/video_test/test4.html">Transformers Movie Trailer</a></li>
- <li><a class="external" href="http://www.double.co.nz/video_test/test5.html">A Scanner Darkly Movie Trailer</a>（自带控制功能）</li>
- <li><a class="external" href="http://www.double.co.nz/video_test/events.html">Events firing and volume control</a></li>
- <li><a class="external" href="http://www.double.co.nz/video_test/video.svg">Dragable and sizable videos</a></li>
+ <li><a href="http://www.double.co.nz/video_test/test1.html">Streaming Anime, Movie Trailer and Interview</a></li>
+ <li><a href="http://www.double.co.nz/video_test/test2.html">Billy's Browser Firefox Flick</a></li>
+ <li><a href="http://www.double.co.nz/video_test/test3.html">Virtual Barber Shop</a></li>
+ <li><a href="http://www.double.co.nz/video_test/test4.html">Transformers Movie Trailer</a></li>
+ <li><a href="http://www.double.co.nz/video_test/test5.html">A Scanner Darkly Movie Trailer</a>（自带控制功能）</li>
+ <li><a href="http://www.double.co.nz/video_test/events.html">Events firing and volume control</a></li>
+ <li><a href="http://www.double.co.nz/video_test/video.svg">Dragable and sizable videos</a></li>
 </ul>
 
 <h2 id="3D_图像">3D 图像</h2>
@@ -98,7 +98,7 @@ <h2 id="CSS">CSS</h2>
  <li><a href="https://webdeveloperbareilly.in/blog/html5/responsive-contact-form-bootstrap.php">Bootstrap Contact Form Design</a></li>
  <li><a href="http://www.lesmoffat.co.uk/folio/forest/forest.html">CSS Paralax Forest</a></li>
  <li><a href="http://webdeveloperbareilly.in/blog/css3/awesome-login-form.html">Responsive Login Page Design</a></li>
- <li><a href="http://webdeveloperbareilly.in/blog/css3/onepage-scroll-template.html" rel="bookmark" title="One Page Scroll Website Template Theme Free Download">One Page Scroll Website Template</a></li>
+ <li><a href="http://webdeveloperbareilly.in/blog/css3/onepage-scroll-template.html">One Page Scroll Website Template</a></li>
 </ul>
 
 <h3 id="变换">变换</h3>
@@ -150,6 +150,6 @@ <h3 id="Unclassified">其他</h3>
  <li><a href="http://ondras.github.io/fractal/">Web Worker Fractals</a></li>
  <li><a href="http://ondras.github.io/photo/">Photo editor</a></li>
  <li><a href="http://ondras.github.io/coral/">Coral generator</a></li>
- <li><a class="external" href="http://nerget.com/rayjs-mt/rayjs.html">Raytracer</a></li>
+ <li><a href="http://nerget.com/rayjs-mt/rayjs.html">Raytracer</a></li>
  <li><a href="http://palerdot.github.io/hotcold/">HotCold Touch Typing</a></li>
 </ul>
diff --git a/files/zh-cn/web/events/creating_and_triggering_events/index.html b/files/zh-cn/web/events/creating_and_triggering_events/index.html
index 44d8aad87b5b10..45d3a01792fbfc 100644
--- a/files/zh-cn/web/events/creating_and_triggering_events/index.html
+++ b/files/zh-cn/web/events/creating_and_triggering_events/index.html
@@ -26,7 +26,7 @@ <h2 id="创建自定义事件">创建自定义事件</h2>
 
 <p>上述代码使用了 <a href="/zh-CN/docs/Web/API/EventTarget/dispatchEvent">EventTarget.dispatchEvent()</a> 方法。</p>
 
-<p>绝大多数现代浏览器中都会支持这个构造函数（Internet Explorer 例外）。 要了解更为复杂的方法，可参考下面的 <a href="#The_old-fashioned_way" style="line-height: 1.5;" title="#过时的方式">过时的方式</a>  一节。</p>
+<p>绝大多数现代浏览器中都会支持这个构造函数（Internet Explorer 例外）。 要了解更为复杂的方法，可参考下面的 <a href="#The_old-fashioned_way">过时的方式</a>  一节。</p>
 
 <h3 id="添加自定义数据_–_CustomEvent">添加自定义数据 – CustomEvent()</h3>
 
@@ -107,7 +107,7 @@ <h3 id="动态创建和派发事件">动态创建和派发事件</h3>
 
 <h2 id="触发内置事件">触发内置事件</h2>
 
-<p>下面的例子演示了一个在复选框上点击（click）的模拟（就是说在程序里生成一个 click 事件），这个模拟点击使用了 DOM 方法。<a href="http://developer.mozilla.org/samples/domref/dispatchEvent.html">参见这个动态示例</a></p>
+<p>下面的例子演示了一个在复选框上点击（click）的模拟（就是说在程序里生成一个 click 事件），这个模拟点击使用了 DOM 方法。<a href="/samples/domref/dispatchEvent.html">参见这个动态示例</a></p>
 
 <pre class="brush: js">function simulateClick() {
   var event = new MouseEvent('click', {
@@ -130,7 +130,7 @@ <h2 id="触发内置事件">触发内置事件</h2>
 <h2 id="Browser_compatibility">参见</h2>
 
 <ul>
- <li><a href="https://developer.mozilla.org/en-US/docs/Web/API/CustomEvent/CustomEvent">CustomEvent()</a></li>
+ <li><a href="/en-US/docs/Web/API/CustomEvent/CustomEvent">CustomEvent()</a></li>
  <li>{{domxref("document.createEvent()")}}</li>
  <li>{{domxref("Event.initEvent()")}}</li>
  <li>{{domxref("EventTarget.dispatchEvent()")}}</li>
diff --git a/files/zh-cn/web/events/detecting_device_orientation/index.html b/files/zh-cn/web/events/detecting_device_orientation/index.html
index f8c27eaf51cae8..36d8e07c8a6ffa 100644
--- a/files/zh-cn/web/events/detecting_device_orientation/index.html
+++ b/files/zh-cn/web/events/detecting_device_orientation/index.html
@@ -24,7 +24,7 @@ <h2 id="处理方向（orientation）事件">处理方向（orientation）事件
 <p>要接收设备方向变化信息，只需要监听{{ event("deviceorientation") }}事件：</p>
 
 <div class="blockIndicator note">
-<p><strong>注意：</strong><a href="https://github.com/dorukeker/gyronorm.js">gyronorm.js</a> is a polyfill for normalizing the accelerometer and gyroscope data on mobile devices. This is useful for overcoming some of the differences in device support for device orientation.</p>
+<p><strong>备注：</strong> <a href="https://github.com/dorukeker/gyronorm.js">gyronorm.js</a> is a polyfill for normalizing the accelerometer and gyroscope data on mobile devices. This is useful for overcoming some of the differences in device support for device orientation.</p>
 </div>
 
 <pre class="brush: js">window.addEventListener("deviceorientation", handleOrientation, true);
@@ -56,7 +56,7 @@ <h2 id="处理方向（orientation）事件">处理方向（orientation）事件
 
 <h3 id="相关值解释">相关值解释</h3>
 
-<p>关于每一个轴的记录值表示的是相对于标准的坐标系，设备在某一个给定轴上的旋转量。<a href="https://developer.mozilla.org/en-US/DOM/Orientation_and_motion_data_explained" style="line-height: 1.5;" title="Orientation and motion data explained">Orientation and motion data explained</a> 这篇文章有更详细的描述，下面是对这篇文章的总结。</p>
+<p>关于每一个轴的记录值表示的是相对于标准的坐标系，设备在某一个给定轴上的旋转量。<a href="/en-US/DOM/Orientation_and_motion_data_explained">Orientation and motion data explained</a> 这篇文章有更详细的描述，下面是对这篇文章的总结。</p>
 
 <ul>
  <li>{{ domxref("DeviceOrientationEvent.alpha") }} 表示设备沿 z 轴上的旋转角度，范围为 0~360。</li>
@@ -70,19 +70,15 @@ <h3 id="例子">例子</h3>
 
 <p>让我们想象一下有一个球在花园中：</p>
 
-<pre class="brush: html  language-html" style="padding: 1em 0px 1em 30px; font-size: 14px; white-space: normal; color: rgb(77, 78, 83);"><code class="language-html" style="font-family: Consolas, Monaco, 'Andale Mono', monospace; direction: ltr; white-space: pre;">&lt;div class="garden"&gt;
+<pre class="brush: html">&lt;div class="garden"&gt;
   &lt;div class="ball"&gt;&lt;/div&gt;
 &lt;/div&gt;
 
-&lt;pre class="output"&gt;&lt;/pre&gt;</code></pre>
-
-<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 0px; background: 0px 0px;"></div>
-
-<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 19px; background: 0px 0px;"></div>
+&lt;pre class="output"&gt;&lt;/pre&gt;</pre>
 
 <p>花园只有 200px 宽（很小对吧），球在中央：</p>
 
-<pre class="brush: css  language-css" style="padding: 1em 0px 1em 30px; font-size: 14px; white-space: normal; color: rgb(77, 78, 83);"><code class="language-css" style="font-family: Consolas, Monaco, 'Andale Mono', monospace; direction: ltr; white-space: pre;">.garden {
+<pre class="brush: css">.garden {
   position: relative;
   width : 200px;
   height: 200px;
@@ -98,45 +94,11 @@ <h3 id="例子">例子</h3>
   height: 20px;
   background: green;
   border-radius: 100%;
-}</code></pre>
-
-<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 0px; background: 0px 0px;"></div>
-
-<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 19px; background: 0px 0px;"></div>
-
-<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 38px; background: 0px 0px;"></div>
-
-<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 57px; background: 0px 0px;"></div>
-
-<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 76px; background: 0px 0px;"></div>
-
-<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 95px; background: 0px 0px;"></div>
-
-<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 114px; background: 0px 0px;"></div>
-
-<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 133px; background: 0px 0px;"></div>
-
-<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 152px; background: 0px 0px;"></div>
-
-<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 171px; background: 0px 0px;"></div>
-
-<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 190px; background: 0px 0px;"></div>
-
-<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 209px; background: 0px 0px;"></div>
-
-<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 228px; background: 0px 0px;"></div>
-
-<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 247px; background: 0px 0px;"></div>
-
-<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 266px; background: 0px 0px;"></div>
-
-<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 285px; background: 0px 0px;"></div>
-
-<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 304px; background: 0px 0px;"></div>
+}</pre>
 
 <p>现在，如果我们移动设备，球将随之移动：</p>
 
-<pre class="brush: js  language-js" style="padding: 1em 0px 1em 30px; font-size: 14px; white-space: normal; color: rgb(77, 78, 83);"><code class="language-js" style="font-family: Consolas, Monaco, 'Andale Mono', monospace; direction: ltr; white-space: pre;">var ball   = document.querySelector('.ball');
+<pre class="brush: js">var ball   = document.querySelector('.ball');
 var garden = document.querySelector('.garden');
 var output = document.querySelector('.output');
 
@@ -166,65 +128,7 @@ <h3 id="例子">例子</h3>
   ball.style.left = (maxY*y/180 - 10) + "px";
 }
 
-window.addEventListener('deviceorientation', handleOrientation);</code></pre>
-
-<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 0px; background: 0px 0px;"></div>
-
-<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 19px; background: 0px 0px;"></div>
-
-<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 38px; background: 0px 0px;"></div>
-
-<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 57px; background: 0px 0px;"></div>
-
-<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 76px; background: 0px 0px;"></div>
-
-<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 95px; background: 0px 0px;"></div>
-
-<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 114px; background: 0px 0px;"></div>
-
-<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 133px; background: 0px 0px;"></div>
-
-<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 152px; background: 0px 0px;"></div>
-
-<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 171px; background: 0px 0px;"></div>
-
-<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 190px; background: 0px 0px;"></div>
-
-<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 209px; background: 0px 0px;"></div>
-
-<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 228px; background: 0px 0px;"></div>
-
-<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 247px; background: 0px 0px;"></div>
-
-<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 266px; background: 0px 0px;"></div>
-
-<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 285px; background: 0px 0px;"></div>
-
-<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 304px; background: 0px 0px;"></div>
-
-<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 323px; background: 0px 0px;"></div>
-
-<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 342px; background: 0px 0px;"></div>
-
-<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 361px; background: 0px 0px;"></div>
-
-<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 380px; background: 0px 0px;">
-<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 399px; background: 0px 0px;"></div>
-
-<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 418px; background: 0px 0px;"></div>
-
-<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 437px; background: 0px 0px;"></div>
-
-<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 456px; background: 0px 0px;"></div>
-
-<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 475px; background: 0px 0px;"></div>
-
-<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 494px; background: 0px 0px;"></div>
-
-<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 513px; background: 0px 0px;"></div>
-
-<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 551px; background: 0px 0px;"></div>
-</div>
+window.addEventListener('deviceorientation', handleOrientation);</pre>
 
 <p>输出结果：</p>
 
@@ -232,7 +136,7 @@ <h3 id="例子">例子</h3>
 
 <div>{{EmbedLiveSample('Orientation_example', '230', '260')}}</div>
 
-<div class="warning" style="font-size: 14px;">
+<div class="warning">
 <p><strong>警告：</strong> Chrome 和 Firefox 处理角度的机制不同，所以某些轴上的方向是相反的。</p>
 </div>
 
@@ -240,9 +144,7 @@ <h2 id="处理移动（motion）事件">处理移动（motion）事件</h2>
 
 <p>移动事件的处理跟方向事件是一样的，除了他们有自己的事件名：{{ event("devicemotion") }}</p>
 
-<pre class="brush: js  language-js" style="padding: 1em 0px 1em 30px; font-size: 14px; white-space: normal; color: rgb(77, 78, 83);"><code class="language-js" style="font-family: Consolas, Monaco, 'Andale Mono', monospace; direction: ltr; white-space: pre;">window.addEventListener("devicemotion", handleMotion, true);</code></pre>
-
-<div class="line-number" style="margin-top: 1em; position: absolute; left: 0px; right: 0px; line-height: inherit; top: 0px; background: 0px 0px;"></div>
+<pre class="brush: js">window.addEventListener("devicemotion", handleMotion, true);</pre>
 
 <p>真正不同的是做为参数传递给<em>HandleMotion 函数的</em>{{ domxref("DeviceMotionEvent") }}对象所包含的信息。</p>
 
@@ -257,9 +159,9 @@ <h2 id="处理移动（motion）事件">处理移动（motion）事件</h2>
 
 <h3 id="相关值解释_2">相关值解释</h3>
 
-<p>{{ domxref("DeviceMotionEvent") }}对象提供给 web 开发者设备在位置和方向上的改变速度的相关信息。这些变化信息是通过三个轴来体现的。（<a href="https://developer.mozilla.org/en-US/docs/Web/Guide/DOM/Events/Orientation_and_motion_data_explained" style="line-height: 1.5;" title="/en-US/docs/Web/Guide/DOM/Events/Orientation_and_motion_data_explained">Orientation and motion data explained</a>有更详细的说明。）</p>
+<p>{{ domxref("DeviceMotionEvent") }}对象提供给 web 开发者设备在位置和方向上的改变速度的相关信息。这些变化信息是通过三个轴来体现的。（<a href="/en-US/docs/Web/Guide/DOM/Events/Orientation_and_motion_data_explained">Orientation and motion data explained</a>有更详细的说明。）</p>
 
-<p><a href="https://developer.mozilla.org/en-US/docs/Web/API/DeviceMotionEvent.acceleration" title="The acceleration property returns the amount of acceleration recorded by the device, in meters per second squared (m/s2)."><code>acceleration</code></a> 和 <a href="https://developer.mozilla.org/en-US/docs/Web/API/DeviceMotionEvent.accelerationIncludingGravity" title="The accelerationIncludingGravity property returns the amount of acceleration recorded by the device, in meters per second squared (m/s2). Unlike DeviceMotionEvent.acceleration which does not compensate for the influence of gravity, its value is the sum of the acceleration of the device as induced by the user and the acceleration caused by gravity."><code>accelerationIncludingGravity</code></a>，都包含下面三个轴：</p>
+<p><a href="/en-US/docs/Web/API/DeviceMotionEvent.acceleration"><code>acceleration</code></a> 和 <a href="/en-US/docs/Web/API/DeviceMotionEvent.accelerationIncludingGravity"><code>accelerationIncludingGravity</code></a>，都包含下面三个轴：</p>
 
 <ul>
  <li><code>x</code>: 西向东</li>
@@ -267,7 +169,7 @@ <h3 id="相关值解释_2">相关值解释</h3>
  <li><code>z</code>: 垂直地面</li>
 </ul>
 
-<p>对于 <code><a href="https://developer.mozilla.org/en-US/docs/Web/API/DeviceMotionEvent.rotationRate" title="Returns the rate at which the device is rotating around each of its axes in degrees per second.">rotationRate</a></code> ，情况有点不同；三个轴的信息对应着以下三种情况：</p>
+<p>对于 <code><a href="/en-US/docs/Web/API/DeviceMotionEvent.rotationRate">rotationRate</a></code> ，情况有点不同；三个轴的信息对应着以下三种情况：</p>
 
 <ul>
  <li><code>alpha</code>: 设备沿着垂直于屏幕（对于桌面设备则是垂直于键盘）的轴的旋转速率</li>
@@ -275,7 +177,7 @@ <h3 id="相关值解释_2">相关值解释</h3>
  <li><code>gamma</code>: 设备沿着屏幕（对于桌面设备则是键盘）下至上方向的轴的旋转速率</li>
 </ul>
 
-<p>最后，<a href="https://developer.mozilla.org/en-US/docs/Web/API/DeviceMotionEvent.interval" style="line-height: 1.5;" title="Returns the interval, in milliseconds, at which data is obtained from the underlaying hardware. You can use this to determine the granularity of motion events."><code>interval</code></a> 表示的是从设备获取数据的间隔时间，单位是毫秒。</p>
+<p>最后，<a href="/en-US/docs/Web/API/DeviceMotionEvent.interval"><code>interval</code></a> 表示的是从设备获取数据的间隔时间，单位是毫秒。</p>
 
 <h2 id="规范">规范</h2>
 
@@ -290,7 +192,7 @@ <h2 id="参见">参见</h2>
 <ul>
  <li>{{domxref("DeviceOrientationEvent")}}</li>
  <li>{{domxref("DeviceMotionEvent")}}</li>
- <li>The legacy <code><a href="https://developer.mozilla.org/en-US/DOM/MozOrientation" title="en-US/DOM/MozOrientation">MozOrientation</a></code> event.</li>
- <li><a href="https://developer.mozilla.org/en-US/docs/Web/Guide/DOM/Events/Orientation_and_motion_data_explained" title="Orientation and motion data explained">Orientation and motion data explained</a></li>
- <li><a href="https://developer.mozilla.org/en-US/docs/Web/Guide/DOM/Events/Using_device_orientation_with_3D_transforms" title="Using Deviceorientation In 3D Transforms">Using deviceorientation in 3D Transforms</a></li>
+ <li>The legacy <code><a href="/en-US/DOM/MozOrientation">MozOrientation</a></code> event.</li>
+ <li><a href="/en-US/docs/Web/Guide/DOM/Events/Orientation_and_motion_data_explained">Orientation and motion data explained</a></li>
+ <li><a href="/en-US/docs/Web/Guide/DOM/Events/Using_device_orientation_with_3D_transforms">Using deviceorientation in 3D Transforms</a></li>
 </ul>
diff --git a/files/zh-cn/web/events/index.html b/files/zh-cn/web/events/index.html
index 0866cf9235450e..fdbf8da4726844 100644
--- a/files/zh-cn/web/events/index.html
+++ b/files/zh-cn/web/events/index.html
@@ -503,7 +503,7 @@ <h3 id="媒体事件">媒体事件</h3>
   </tr>
   <tr>
    <td>{{Event("emptied")}}</td>
-   <td>The media has become empty; for example, this event is sent if the media has already been loaded (or partially loaded), and the <a href="/zh-CN/docs/XPCOM_Interface_Reference/NsIDOMHTMLMediaElement" rel="internal"><code>load()</code></a> method is called to reload it.</td>
+   <td>The media has become empty; for example, this event is sent if the media has already been loaded (or partially loaded), and the <a href="/zh-CN/docs/XPCOM_Interface_Reference/NsIDOMHTMLMediaElement"><code>load()</code></a> method is called to reload it.</td>
   </tr>
   <tr>
    <td>{{Event("ended")}}</td>
@@ -857,7 +857,7 @@ <h2 id="标准事件">标准事件</h2>
   <tr>
    <td>{{Event("abort")}}</td>
    <td>{{DOMxRef("UIEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-abort" style="white-space: nowrap;">DOM L3</a></td>
+   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-abort">DOM L3</a></td>
    <td>资源载入已被中止</td>
   </tr>
   <tr>
@@ -881,31 +881,31 @@ <h2 id="标准事件">标准事件</h2>
   <tr>
    <td>{{Event("animationcancel")}}</td>
    <td>{{DOMxRef("AnimationEvent")}} {{Experimental_Inline}}</td>
-   <td><a href="http://www.w3.org/TR/css3-animations/#animation-events" style="white-space: nowrap;">CSS Animations</a></td>
+   <td><a href="http://www.w3.org/TR/css3-animations/#animation-events">CSS Animations</a></td>
    <td>A <a href="/zh-CN/docs/CSS/CSS_animations">CSS animation</a> has aborted.</td>
   </tr>
   <tr>
    <td>{{Event("animationend")}}</td>
    <td>{{DOMxRef("AnimationEvent")}} {{Experimental_Inline}}</td>
-   <td><a href="http://www.w3.org/TR/css3-animations/#animation-events" style="white-space: nowrap;">CSS Animations</a></td>
+   <td><a href="http://www.w3.org/TR/css3-animations/#animation-events">CSS Animations</a></td>
    <td>完成一个<a href="/zh-CN/docs/CSS/CSS_animations">CSS 动画</a></td>
   </tr>
   <tr>
    <td>{{Event("animationiteration")}}</td>
    <td>{{DOMxRef("AnimationEvent")}} {{Experimental_Inline}}</td>
-   <td><a href="http://www.w3.org/TR/css3-animations/#animation-events" style="white-space: nowrap;">CSS Animations</a></td>
+   <td><a href="http://www.w3.org/TR/css3-animations/#animation-events">CSS Animations</a></td>
    <td>重复播放一个<a href="/zh-CN/docs/CSS/CSS_animations">CSS 动画</a></td>
   </tr>
   <tr>
    <td>{{Event("animationstart")}}</td>
    <td>{{DOMxRef("AnimationEvent")}} {{Experimental_Inline}}</td>
-   <td><a href="http://www.w3.org/TR/css3-animations/#animation-events" style="white-space: nowrap;">CSS Animations</a></td>
+   <td><a href="http://www.w3.org/TR/css3-animations/#animation-events">CSS Animations</a></td>
    <td>一个 <a href="/zh-CN/docs/CSS/CSS_animations">CSS 动画</a>已开始</td>
   </tr>
   <tr>
    <td>{{Event("appinstalled")}}</td>
    <td>{{DOMxRef("Event")}}</td>
-   <td><a href="/zh-CN/docs/Web/Manifest" style="white-space: nowrap;">Web App Manifest</a></td>
+   <td><a href="/zh-CN/docs/Web/Manifest">Web App Manifest</a></td>
    <td>A web application is successfully installed as a <a href="/en-US/Apps/Progressive">progressive web app</a>.</td>
   </tr>
   <tr>
@@ -953,7 +953,7 @@ <h2 id="标准事件">标准事件</h2>
   <tr>
    <td>{{Event("blur")}}</td>
    <td>{{DOMxRef("FocusEvent")}} {{Experimental_Inline}}</td>
-   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-blur" style="white-space: nowrap;">DOM L3</a></td>
+   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-blur">DOM L3</a></td>
    <td>An element has lost focus (does not bubble).</td>
   </tr>
   <tr>
@@ -965,13 +965,13 @@ <h2 id="标准事件">标准事件</h2>
   <tr>
    <td>{{Event("canplay")}}</td>
    <td>{{DOMxRef("Event")}}</td>
-   <td><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-canplay" style="white-space: nowrap;">HTML5 media</a></td>
+   <td><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-canplay">HTML5 media</a></td>
    <td>The user agent can play the media, but estimates that not enough data has been loaded to play the media up to its end without having to stop for further buffering of content.</td>
   </tr>
   <tr>
    <td>{{Event("canplaythrough")}}</td>
    <td>{{DOMxRef("Event")}}</td>
-   <td><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-canplaythrough" style="white-space: nowrap;">HTML5 media</a></td>
+   <td><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-canplaythrough">HTML5 media</a></td>
    <td>The user agent can play the media up to its end without having to stop for further buffering of content.</td>
   </tr>
   <tr>
@@ -983,19 +983,19 @@ <h2 id="标准事件">标准事件</h2>
   <tr>
    <td>{{Event("chargingchange")}}</td>
    <td>{{DOMxRef("Event")}}</td>
-   <td><a href="https://dvcs.w3.org/hg/dap/raw-file/tip/battery/Overview.html" style="white-space: nowrap;">Battery status</a></td>
+   <td><a href="https://dvcs.w3.org/hg/dap/raw-file/tip/battery/Overview.html">Battery status</a></td>
    <td>The battery begins or stops charging.</td>
   </tr>
   <tr>
    <td>{{Event("chargingtimechange")}}</td>
    <td>{{DOMxRef("Event")}}</td>
-   <td><a href="https://dvcs.w3.org/hg/dap/raw-file/tip/battery/Overview.html" style="white-space: nowrap;">Battery status</a></td>
+   <td><a href="https://dvcs.w3.org/hg/dap/raw-file/tip/battery/Overview.html">Battery status</a></td>
    <td>The <code>chargingTime</code> attribute has been updated.</td>
   </tr>
   <tr>
    <td>{{Event("click")}}</td>
    <td>{{DOMxRef("MouseEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-click" style="white-space: nowrap;">DOM L3</a></td>
+   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-click">DOM L3</a></td>
    <td>A pointing device button has been pressed and released on an element.</td>
   </tr>
   <tr>
@@ -1019,19 +1019,19 @@ <h2 id="标准事件">标准事件</h2>
   <tr>
    <td>{{Event("compositionend")}}</td>
    <td>{{DOMxRef("CompositionEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-compositionend" style="white-space: nowrap;">DOM L3</a></td>
+   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-compositionend">DOM L3</a></td>
    <td>The composition of a passage of text has been completed or canceled.</td>
   </tr>
   <tr>
    <td>{{Event("compositionstart")}}</td>
    <td>{{DOMxRef("CompositionEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-compositionstart" style="white-space: nowrap;">DOM L3</a></td>
+   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-compositionstart">DOM L3</a></td>
    <td>The composition of a passage of text is prepared (similar to keydown for a keyboard input, but works with other inputs such as speech recognition).</td>
   </tr>
   <tr>
    <td>{{Event("compositionupdate")}}</td>
    <td>{{DOMxRef("CompositionEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-compositionupdate" style="white-space: nowrap;">DOM L3</a></td>
+   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-compositionupdate">DOM L3</a></td>
    <td>A character is added to a passage of text being composed.</td>
   </tr>
   <tr>
@@ -1055,7 +1055,7 @@ <h2 id="标准事件">标准事件</h2>
   <tr>
    <td>{{Event("dblclick")}}</td>
    <td>{{DOMxRef("MouseEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-dblclick" style="white-space: nowrap;">DOM L3</a></td>
+   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-dblclick">DOM L3</a></td>
    <td>A pointing device button is clicked twice on an element.</td>
   </tr>
   <tr>
@@ -1067,13 +1067,13 @@ <h2 id="标准事件">标准事件</h2>
   <tr>
    <td>{{Event("devicemotion")}}</td>
    <td>{{DOMxRef("DeviceMotionEvent")}} {{Experimental_Inline}}</td>
-   <td><a class="external" href="http://dev.w3.org/geo/api/spec-source-orientation.html" lang="en" title="The 'Device Orientation Events' specification">Device Orientation Events</a></td>
+   <td><a href="http://dev.w3.org/geo/api/spec-source-orientation.html">Device Orientation Events</a></td>
    <td>Fresh data is available from a motion sensor.</td>
   </tr>
   <tr>
    <td>{{Event("deviceorientation")}}</td>
    <td>{{DOMxRef("DeviceOrientationEvent")}} {{Experimental_Inline}}</td>
-   <td><a class="external" href="http://dev.w3.org/geo/api/spec-source-orientation.html" lang="en" title="The 'Device Orientation Events' specification">Device Orientation Events</a></td>
+   <td><a href="http://dev.w3.org/geo/api/spec-source-orientation.html">Device Orientation Events</a></td>
    <td>Fresh data is available from an orientation sensor.</td>
   </tr>
   <tr>
@@ -1085,25 +1085,25 @@ <h2 id="标准事件">标准事件</h2>
   <tr>
    <td><code>DOMActivate</code> {{Deprecated_Inline}}</td>
    <td>{{DOMxRef("UIEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMActivate" style="white-space: nowrap;">DOM L3</a></td>
+   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMActivate">DOM L3</a></td>
    <td>A button, link or state changing element is activated (use {{Event("click")}} instead).</td>
   </tr>
   <tr>
    <td><code><a href="/zh-CN/docs/DOM/Mutation_events">DOMAttributeNameChanged</a></code> {{Deprecated_Inline}}</td>
    <td>{{DOMxRef("MutationNameEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/2011/WD-DOM-Level-3-Events-20110531/#event-type-DOMAttributeNameChanged" style="white-space: nowrap;">DOM L3</a> Removed</td>
+   <td><a href="http://www.w3.org/TR/2011/WD-DOM-Level-3-Events-20110531/#event-type-DOMAttributeNameChanged">DOM L3</a> Removed</td>
    <td>The name of an attribute changed (use <a href="/zh-CN/docs/DOM/MutationObserver">mutation observers</a> instead).</td>
   </tr>
   <tr>
    <td><code><a href="/zh-CN/docs/DOM/Mutation_events">DOMAttrModified</a></code> {{Deprecated_Inline}}</td>
    <td>{{DOMxRef("MutationEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMAttrModified" style="white-space: nowrap;">DOM L3</a></td>
+   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMAttrModified">DOM L3</a></td>
    <td>The value of an attribute has been modified (use <a href="/zh-CN/docs/DOM/MutationObserver">mutation observers</a> instead).</td>
   </tr>
   <tr>
    <td><code><a href="/zh-CN/docs/DOM/Mutation_events">DOMCharacterDataModified</a></code> {{Deprecated_Inline}}</td>
    <td>{{DOMxRef("MutationEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMCharacterDataModified" style="white-space: nowrap;">DOM L3</a></td>
+   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMCharacterDataModified">DOM L3</a></td>
    <td>A text or another <a href="/zh-CN/docs/DOM/CharacterData">CharacterData</a> has changed (use <a href="/zh-CN/docs/DOM/MutationObserver">mutation observers</a> instead).</td>
   </tr>
   <tr>
@@ -1115,49 +1115,49 @@ <h2 id="标准事件">标准事件</h2>
   <tr>
    <td><code><a href="/zh-CN/docs/DOM/Mutation_events">DOMElementNameChanged</a></code> {{Deprecated_Inline}}</td>
    <td>{{DOMxRef("MutationNameEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/2011/WD-DOM-Level-3-Events-20110531/#event-type-DOMElementNameChanged" style="white-space: nowrap;">DOM L3</a> Removed</td>
+   <td><a href="http://www.w3.org/TR/2011/WD-DOM-Level-3-Events-20110531/#event-type-DOMElementNameChanged">DOM L3</a> Removed</td>
    <td>The name of an element changed (use <a href="/zh-CN/docs/DOM/MutationObserver">mutation observers</a> instead).</td>
   </tr>
   <tr>
    <td><code>DOMFocusIn</code> {{Deprecated_Inline}}</td>
    <td>{{DOMxRef("FocusEvent")}} {{Experimental_Inline}}</td>
-   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMFocusIn" style="white-space: nowrap;">DOM L3</a></td>
+   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMFocusIn">DOM L3</a></td>
    <td>An element has received focus (use {{Event("focus")}} or {{Event("focusin")}} instead).</td>
   </tr>
   <tr>
    <td><code>DOMFocusOut</code> {{Deprecated_Inline}}</td>
    <td>{{DOMxRef("FocusEvent")}} {{Experimental_Inline}}</td>
-   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMFocusOut" style="white-space: nowrap;">DOM L3</a></td>
+   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMFocusOut">DOM L3</a></td>
    <td>An element has lost focus (use {{Event("blur")}} or {{Event("focusout")}} instead).</td>
   </tr>
   <tr>
    <td><code><a href="/zh-CN/docs/DOM/Mutation_events">DOMNodeInserted</a></code> {{Deprecated_Inline}}</td>
    <td>{{DOMxRef("MutationEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMNodeInserted" style="white-space: nowrap;">DOM L3</a></td>
+   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMNodeInserted">DOM L3</a></td>
    <td>A node has been added as a child of another node (use <a href="/zh-CN/docs/DOM/MutationObserver">mutation observers</a> instead).</td>
   </tr>
   <tr>
    <td><code><a href="/zh-CN/docs/DOM/Mutation_events">DOMNodeInsertedIntoDocument</a></code> {{Deprecated_Inline}}</td>
    <td>{{DOMxRef("MutationEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMNodeInsertedIntoDocument" style="white-space: nowrap;">DOM L3</a></td>
+   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMNodeInsertedIntoDocument">DOM L3</a></td>
    <td>A node has been inserted into the document (use <a href="/zh-CN/docs/DOM/MutationObserver">mutation observers</a> instead).</td>
   </tr>
   <tr>
    <td><code><a href="/zh-CN/docs/DOM/Mutation_events">DOMNodeRemoved</a></code> {{Deprecated_Inline}}</td>
    <td>{{DOMxRef("MutationEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMNodeRemoved" style="white-space: nowrap;">DOM L3</a></td>
+   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMNodeRemoved">DOM L3</a></td>
    <td>A node has been removed from its parent node (use <a href="/zh-CN/docs/DOM/MutationObserver">mutation observers</a> instead).</td>
   </tr>
   <tr>
    <td><code><a href="/zh-CN/docs/DOM/Mutation_events">DOMNodeRemovedFromDocument</a></code> {{Deprecated_Inline}}</td>
    <td>{{DOMxRef("MutationEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMNodeRemovedFromDocument" style="white-space: nowrap;">DOM L3</a></td>
+   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMNodeRemovedFromDocument">DOM L3</a></td>
    <td>A node has been removed from the document (use <a href="/zh-CN/docs/DOM/MutationObserver">mutation observers</a> instead).</td>
   </tr>
   <tr>
    <td><code><a href="/zh-CN/docs/DOM/Mutation_events">DOMSubtreeModified</a></code> {{Deprecated_Inline}}</td>
    <td>{{DOMxRef("MutationEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMSubtreeModified" style="white-space: nowrap;">DOM L3</a></td>
+   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMSubtreeModified">DOM L3</a></td>
    <td>A change happened in the document (use <a href="/zh-CN/docs/DOM/MutationObserver">mutation observers</a> instead).</td>
   </tr>
   <tr>
@@ -1212,7 +1212,7 @@ <h2 id="标准事件">标准事件</h2>
    <td>{{Event("emptied")}}</td>
    <td>{{DOMxRef("Event")}}</td>
    <td><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-emptied">HTML5 media</a></td>
-   <td>The media has become empty; for example, this event is sent if the media has already been loaded (or partially loaded), and the <a href="/zh-CN/docs/XPCOM_Interface_Reference/NsIDOMHTMLMediaElement" rel="internal"><code>load()</code></a> method is called to reload it.</td>
+   <td>The media has become empty; for example, this event is sent if the media has already been loaded (or partially loaded), and the <a href="/zh-CN/docs/XPCOM_Interface_Reference/NsIDOMHTMLMediaElement"><code>load()</code></a> method is called to reload it.</td>
   </tr>
   <tr>
    <td>{{Event("end_(SpeechRecognition)","end")}} {{Experimental_Inline}}</td>
@@ -1247,7 +1247,7 @@ <h2 id="标准事件">标准事件</h2>
   <tr>
    <td>{{Event("error")}}</td>
    <td>{{DOMxRef("UIEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-error" style="white-space: nowrap;">DOM L3</a></td>
+   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-error">DOM L3</a></td>
    <td>A resource failed to load.</td>
   </tr>
   <tr>
@@ -1289,19 +1289,19 @@ <h2 id="标准事件">标准事件</h2>
   <tr>
    <td>{{Event("focus")}}</td>
    <td>{{DOMxRef("FocusEvent")}} {{Experimental_Inline}}</td>
-   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-focus" style="white-space: nowrap;">DOM L3</a></td>
+   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-focus">DOM L3</a></td>
    <td>An element has received focus (does not bubble).</td>
   </tr>
   <tr>
    <td>{{Event("focusin")}}</td>
    <td>{{DOMxRef("FocusEvent")}} {{Experimental_Inline}}</td>
-   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-focusIn" style="white-space: nowrap;">DOM L3</a></td>
+   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-focusIn">DOM L3</a></td>
    <td>An element is about to receive focus (bubbles).</td>
   </tr>
   <tr>
    <td>{{Event("focusout")}}</td>
    <td>{{DOMxRef("FocusEvent")}} {{Experimental_Inline}}</td>
-   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-focusout" style="white-space: nowrap;">DOM L3</a></td>
+   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-focusout">DOM L3</a></td>
    <td>An element is about to lose focus (bubbles).</td>
   </tr>
   <tr>
@@ -1361,19 +1361,19 @@ <h2 id="标准事件">标准事件</h2>
   <tr>
    <td>{{Event("keydown")}}</td>
    <td>{{DOMxRef("KeyboardEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-keydown" style="white-space: nowrap;">DOM L3</a></td>
+   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-keydown">DOM L3</a></td>
    <td>A key is pressed down.</td>
   </tr>
   <tr>
    <td>{{Event("keypress")}}</td>
    <td>{{DOMxRef("KeyboardEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-keypress" style="white-space: nowrap;">DOM L3</a></td>
+   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-keypress">DOM L3</a></td>
    <td>A key is pressed down and that key normally produces a character value (use input instead).</td>
   </tr>
   <tr>
    <td>{{Event("keyup")}}</td>
    <td>{{DOMxRef("KeyboardEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-keyup" style="white-space: nowrap;">DOM L3</a></td>
+   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-keyup">DOM L3</a></td>
    <td>A key is released.</td>
   </tr>
   <tr>
@@ -1391,7 +1391,7 @@ <h2 id="标准事件">标准事件</h2>
   <tr>
    <td>{{Event("load")}}</td>
    <td>{{DOMxRef("UIEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-load" style="white-space: nowrap;">DOM L3</a></td>
+   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-load">DOM L3</a></td>
    <td>A resource and its dependent resources have finished loading.</td>
   </tr>
   <tr>
@@ -1469,43 +1469,43 @@ <h2 id="标准事件">标准事件</h2>
   <tr>
    <td>{{Event("mousedown")}}</td>
    <td>{{DOMxRef("MouseEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-mousedown" style="white-space: nowrap;">DOM L3</a></td>
+   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-mousedown">DOM L3</a></td>
    <td>A pointing device button (usually a mouse) is pressed on an element.</td>
   </tr>
   <tr>
    <td>{{Event("mouseenter")}}</td>
    <td>{{DOMxRef("MouseEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-mouseenter" style="white-space: nowrap;">DOM L3</a></td>
+   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-mouseenter">DOM L3</a></td>
    <td>A pointing device is moved onto the element that has the listener attached.</td>
   </tr>
   <tr>
    <td>{{Event("mouseleave")}}</td>
    <td>{{DOMxRef("MouseEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-mouseleave" style="white-space: nowrap;">DOM L3</a></td>
+   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-mouseleave">DOM L3</a></td>
    <td>A pointing device is moved off the element that has the listener attached.</td>
   </tr>
   <tr>
    <td>{{Event("mousemove")}}</td>
    <td>{{DOMxRef("MouseEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-mousemove" style="white-space: nowrap;">DOM L3</a></td>
+   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-mousemove">DOM L3</a></td>
    <td>A pointing device is moved over an element.</td>
   </tr>
   <tr>
    <td>{{Event("mouseout")}}</td>
    <td>{{DOMxRef("MouseEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-mouseout" style="white-space: nowrap;">DOM L3</a></td>
+   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-mouseout">DOM L3</a></td>
    <td>A pointing device is moved off the element that has the listener attached or off one of its children.</td>
   </tr>
   <tr>
    <td>{{Event("mouseover")}}</td>
    <td>{{DOMxRef("MouseEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-mouseover" style="white-space: nowrap;">DOM L3</a></td>
+   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-mouseover">DOM L3</a></td>
    <td>A pointing device is moved onto the element that has the listener attached or onto one of its children.</td>
   </tr>
   <tr>
    <td>{{Event("mouseup")}}</td>
    <td>{{DOMxRef("MouseEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-mouseup" style="white-space: nowrap;">DOM L3</a></td>
+   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-mouseup">DOM L3</a></td>
    <td>A pointing device button is released over an element.</td>
   </tr>
   <tr>
@@ -1703,7 +1703,7 @@ <h2 id="标准事件">标准事件</h2>
   <tr>
    <td>{{Event("resize")}}</td>
    <td>{{DOMxRef("UIEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-resize" style="white-space: nowrap;">DOM L3</a></td>
+   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-resize">DOM L3</a></td>
    <td>The document view has been resized.</td>
   </tr>
   <tr>
@@ -1727,7 +1727,7 @@ <h2 id="标准事件">标准事件</h2>
   <tr>
    <td>{{Event("scroll")}}</td>
    <td>{{DOMxRef("UIEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-scroll" style="white-space: nowrap;">DOM L3</a></td>
+   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-scroll">DOM L3</a></td>
    <td>The document view or an element has been scrolled.</td>
   </tr>
   <tr>
@@ -1745,7 +1745,7 @@ <h2 id="标准事件">标准事件</h2>
   <tr>
    <td>{{Event("select")}}</td>
    <td>{{DOMxRef("UIEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-select" style="white-space: nowrap;">DOM L3</a></td>
+   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-select">DOM L3</a></td>
    <td>Some text is being selected.</td>
   </tr>
   <tr>
@@ -1925,7 +1925,7 @@ <h2 id="标准事件">标准事件</h2>
   <tr>
    <td>{{Event("unload")}}</td>
    <td>{{DOMxRef("UIEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-unload" style="white-space: nowrap;">DOM L3</a></td>
+   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-unload">DOM L3</a></td>
    <td>The document or a dependent resource is being unloaded.</td>
   </tr>
   <tr>
@@ -1973,7 +1973,7 @@ <h2 id="标准事件">标准事件</h2>
   <tr>
    <td>{{Event("wheel")}}</td>
    <td>{{DOMxRef("WheelEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-wheel" style="white-space: nowrap;">DOM L3</a></td>
+   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-wheel">DOM L3</a></td>
    <td>A wheel button of a pointing device is rotated in any direction.</td>
   </tr>
  </tbody>
diff --git a/files/zh-cn/web/events/orientation_and_motion_data_explained/index.html b/files/zh-cn/web/events/orientation_and_motion_data_explained/index.html
index 23312dece9477b..05fbe68b5b8c3e 100644
--- a/files/zh-cn/web/events/orientation_and_motion_data_explained/index.html
+++ b/files/zh-cn/web/events/orientation_and_motion_data_explained/index.html
@@ -13,7 +13,7 @@
 ---
 <h2 id="总言">总言</h2>
 <p>当我们要使用 orientation 和 motion 事件时，理解浏览器给我们的相关值是什么意思就显的相当重要了。这篇文章会详细介绍在用的坐标系统并会教你如何全用它们。</p>
-<div class="warning" style="font-size: 14px;">
+<div class="warning">
  <p><strong>警告：</strong> 目前，Firefox 和 Chrome 处理坐标的方式不同。 在使用它们的时候要多加注意。</p>
 </div>
 <h2 id="坐标系">坐标系</h2>
@@ -27,25 +27,25 @@ <h3 id="地球坐标系">地球坐标系</h3>
 </ul>
 <h3 id="设备坐标系">设备坐标系</h3>
 <p>设备坐标系是相对于设备中心的。我们使用小写的 x,y,z 来描述它的轴。</p>
-<p>,<img alt="axes.png" class="internal default" src="/@api/deki/files/5694/=axes.png"></p>
+<p><img alt="axes.png" src="axes.png"></p>
 <ul>
  <li>x 轴沿着屏幕表面，向右为正，向左为负。</li>
  <li>y 轴沿着屏幕表面，向上为正，向下为负。</li>
  <li>z 轴垂直屏幕表面或键盘，远离屏幕的方向为正。</li>
 </ul>
 <div class="note">
- 注意：对于手机或平台而言，这里的设备方向总是相对于屏幕的标准方向，大部分是“竖屏”方向。而对于笔记本电脑来说，设备方向是相对于键盘的。如果你想检测设备方向变化来进行补偿调整，你可以使用 orientationchange 事件。</div>
+ <p><strong>备注：</strong> 注意：对于手机或平台而言，这里的设备方向总是相对于屏幕的标准方向，大部分是“竖屏”方向。而对于笔记本电脑来说，设备方向是相对于键盘的。如果你想检测设备方向变化来进行补偿调整，你可以使用 orientationchange 事件。</p></div>
 <h2 id="旋转(Rotation)">旋转 (Rotation)</h2>
 <p>旋转描述的是设备在设备坐标系跟地球坐标系中任意轴上的差异值，用角度表示。</p>
 <h3 id="Alpha">Alpha</h3>
 <p>围绕 z 轴旋转设备将使 alpha 角度值发生变化：</p>
-<p><img alt="alpha.png" class="internal default" src="/@api/deki/files/5695/=alpha.png"></p>
+<p><img alt="alpha.png" src="alpha.png"></p>
 <p>alpha 为 0°时表示设备的顶部正指北极方向，当设备向左旋转时，alpha 将增加。</p>
 <h3 id="Beta">Beta</h3>
 <p>围绕 x 轴旋转，也就是前后旋转，将使 beta 值发生改变：</p>
-<p><img alt="beta.png" class="internal default" src="/@api/deki/files/5696/=beta.png"></p>
+<p><img alt="beta.png" src="beta2.png"></p>
 <p>当 beta 为 0° 时表示设备顶部和底部与地表面的距离是一样的，当设备向前翻转时，beta 递增到 180°，向后翻转递减到-180°。</p>
 <h3 id="Gamma">Gamma</h3>
 <p>当围绕 y 轴旋转，也就是左右倾斜设备时，将使 gamma 值发生改变：</p>
-<p><img alt="gamma.png" class="internal default" src="/@api/deki/files/5697/=gamma.png"></p>
+<p><img alt="gamma.png" src="gamma.png"></p>
 <p>gamma 等于 0°表示设备左右两边与地表面的距离相等，当设备向右翻转时，gamma 递增到 90° ，向左翻转时，递减到-90°。</p>
diff --git a/files/zh-cn/web/exslt/index.html b/files/zh-cn/web/exslt/index.html
index ceaf0b42b2d553..89bdb8a6d738c4 100644
--- a/files/zh-cn/web/exslt/index.html
+++ b/files/zh-cn/web/exslt/index.html
@@ -83,7 +83,7 @@ <h4 id="Functions_5">Functions</h4>
 </li><li> <a href="en/EXSLT/str/tokenize">str:tokenize</a>
 </li></ul>
 <h3 id="See_also">See also</h3>
-<ul><li> <a class="external" href="http://www.exslt.org/">EXSLT web site</a>
+<ul><li> <a href="http://www.exslt.org/">EXSLT web site</a>
 </li></ul>
 <p><br>
 </p>
diff --git a/files/zh-cn/web/exslt/regexp/match/index.html b/files/zh-cn/web/exslt/regexp/match/index.html
index 0c4237e31d1c6d..1297d90e9d8b26 100644
--- a/files/zh-cn/web/exslt/regexp/match/index.html
+++ b/files/zh-cn/web/exslt/regexp/match/index.html
@@ -10,7 +10,7 @@
 
 <h3 id="Syntax">语法</h3>
 
-<pre class="eval">regexp:match(<em>targetString</em>,<em>regExpString</em>[[,<em>flagsString</em>]])
+<pre class="brush: js">regexp:match(<em>targetString</em>,<em>regExpString</em>[[,<em>flagsString</em>]])
 </pre>
 
 <h3 id="Arguments">参数</h3>
@@ -28,11 +28,9 @@ <h3 id="Arguments">参数</h3>
 
 <dl>
  <dt><code>g</code></dt>
- <dd>全局匹配</dd>
- <dd>The submatches from every match in the string are returned. If this flag isn't specified, only the submatches from the first match are returned.</dd>
+ <dd>全局匹配。The submatches from every match in the string are returned. If this flag isn't specified, only the submatches from the first match are returned.</dd>
  <dt><code>i</code></dt>
- <dd>Case insensitive match</dd>
- <dd>If this flag is specified, the match is performed in a case insensitive fashion.</dd>
+ <dd>Case insensitive match. If this flag is specified, the match is performed in a case insensitive fashion.</dd>
 </dl>
 
 <h3 id="Returns">Returns</h3>
@@ -41,7 +39,7 @@ <h3 id="Returns">Returns</h3>
 
 <p>例如：</p>
 
-<pre class="eval">&lt;xsl:for-each select="regExp:match('http://developer.mozilla.org/en/docs/Firefox_3_for_developers',
+<pre class="brush: xml">&lt;xsl:for-each select="regExp:match('http://developer.mozilla.org/en/docs/Firefox_3_for_developers',
                                    '(\w+):\/\/([^/:]+)(:\d*)?([^# ]*)')"&gt;
    Part &lt;xsl:value-of select="position()" /&gt; = &lt;xsl:value-of select="." /&gt;
 &lt;/xsl:for-each&gt;
@@ -49,7 +47,7 @@ <h3 id="Returns">Returns</h3>
 
 <p>This code generates the following output:</p>
 
-<pre class="eval">Part 1 = http://developer.mozilla.org/en/docs/Firefox_3_for_developers
+<pre class="brush: plain">Part 1 = http://developer.mozilla.org/en/docs/Firefox_3_for_developers
 Part 2 = http
 Part 3 = developer.mozilla.org
 Part 4 =
@@ -58,7 +56,7 @@ <h3 id="Returns">Returns</h3>
 
 <h3 id="Defined">定义</h3>
 
-<p><a class="external" href="http://www.exslt.org/regexp/functions/match/index.html">EXSLT - REGEXP:MATCH</a></p>
+<p><a href="http://www.exslt.org/regexp/functions/match/index.html">EXSLT - REGEXP:MATCH</a></p>
 
 <h3 id="Gecko_support">Gecko support</h3>
 

From 00c1180c3b66029a8eb8dc4a72d7f924026cd73c Mon Sep 17 00:00:00 2001
From: allo <yin199909@aliyun.com>
Date: Thu, 21 Jul 2022 08:40:49 +0800
Subject: [PATCH 2/3] move to .md for three sections

---
 files/zh-cn/web/demos/{index.html => index.md}                    | 0
 .../creating_and_triggering_events/{index.html => index.md}       | 0
 .../events/detecting_device_orientation/{index.html => index.md}  | 0
 files/zh-cn/web/events/{index.html => index.md}                   | 0
 .../{index.html => index.md}                                      | 0
 files/zh-cn/web/exslt/{index.html => index.md}                    | 0
 files/zh-cn/web/exslt/regexp/match/{index.html => index.md}       | 0
 7 files changed, 0 insertions(+), 0 deletions(-)
 rename files/zh-cn/web/demos/{index.html => index.md} (100%)
 rename files/zh-cn/web/events/creating_and_triggering_events/{index.html => index.md} (100%)
 rename files/zh-cn/web/events/detecting_device_orientation/{index.html => index.md} (100%)
 rename files/zh-cn/web/events/{index.html => index.md} (100%)
 rename files/zh-cn/web/events/orientation_and_motion_data_explained/{index.html => index.md} (100%)
 rename files/zh-cn/web/exslt/{index.html => index.md} (100%)
 rename files/zh-cn/web/exslt/regexp/match/{index.html => index.md} (100%)

diff --git a/files/zh-cn/web/demos/index.html b/files/zh-cn/web/demos/index.md
similarity index 100%
rename from files/zh-cn/web/demos/index.html
rename to files/zh-cn/web/demos/index.md
diff --git a/files/zh-cn/web/events/creating_and_triggering_events/index.html b/files/zh-cn/web/events/creating_and_triggering_events/index.md
similarity index 100%
rename from files/zh-cn/web/events/creating_and_triggering_events/index.html
rename to files/zh-cn/web/events/creating_and_triggering_events/index.md
diff --git a/files/zh-cn/web/events/detecting_device_orientation/index.html b/files/zh-cn/web/events/detecting_device_orientation/index.md
similarity index 100%
rename from files/zh-cn/web/events/detecting_device_orientation/index.html
rename to files/zh-cn/web/events/detecting_device_orientation/index.md
diff --git a/files/zh-cn/web/events/index.html b/files/zh-cn/web/events/index.md
similarity index 100%
rename from files/zh-cn/web/events/index.html
rename to files/zh-cn/web/events/index.md
diff --git a/files/zh-cn/web/events/orientation_and_motion_data_explained/index.html b/files/zh-cn/web/events/orientation_and_motion_data_explained/index.md
similarity index 100%
rename from files/zh-cn/web/events/orientation_and_motion_data_explained/index.html
rename to files/zh-cn/web/events/orientation_and_motion_data_explained/index.md
diff --git a/files/zh-cn/web/exslt/index.html b/files/zh-cn/web/exslt/index.md
similarity index 100%
rename from files/zh-cn/web/exslt/index.html
rename to files/zh-cn/web/exslt/index.md
diff --git a/files/zh-cn/web/exslt/regexp/match/index.html b/files/zh-cn/web/exslt/regexp/match/index.md
similarity index 100%
rename from files/zh-cn/web/exslt/regexp/match/index.html
rename to files/zh-cn/web/exslt/regexp/match/index.md

From c6476bba091912d9badbcb4c7ca70a996761436b Mon Sep 17 00:00:00 2001
From: allo <yin199909@aliyun.com>
Date: Thu, 21 Jul 2022 09:01:38 +0800
Subject: [PATCH 3/3] convert to markdown for three sections

---
 files/zh-cn/web/demos/index.md                |  248 +-
 .../creating_and_triggering_events/index.md   |  113 +-
 .../detecting_device_orientation/index.md     |  166 +-
 files/zh-cn/web/events/index.md               | 4458 ++++++-----------
 .../index.md                                  |   97 +-
 files/zh-cn/web/exslt/index.md                |  159 +-
 files/zh-cn/web/exslt/regexp/match/index.md   |   72 +-
 7 files changed, 1964 insertions(+), 3349 deletions(-)

diff --git a/files/zh-cn/web/demos/index.md b/files/zh-cn/web/demos/index.md
index 813e410622dfb2..58c867a5aec875 100644
--- a/files/zh-cn/web/demos/index.md
+++ b/files/zh-cn/web/demos/index.md
@@ -13,143 +13,111 @@ tags:
 translation_of: Web/Demos_of_open_web_technologies
 original_slug: Web/Demos_of_open_web_technologies
 ---
-<p>Mozilla 支持各种令人兴奋的开源 Web 技术，我们鼓励大家使用它们。此页面提供了有关这些技术的一些有趣演示链接。</p>
-
-<p>如果你知道开源 Web 技术的优秀演示或者应用，就在这里（以及 <a href="/en-US/docs/Web/Demos_of_open_web_technologies">英文页面</a>）添加一个合适的链接吧。</p>
-
-<h2 id="2D_图形">2D 图形</h2>
-
-<h3 id="Canvas">Canvas</h3>
-
-<ul>
- <li><a href="http://www.blobsallad.se/">Blob Sallad: an interactive blob using JavaScript and canvas</a>（<a href="http://blobsallad.se/article/">示例</a>）</li>
- <li><a href="http://arapehlivanian.com/wp-content/uploads/2007/02/canvas.html">Flying through space</a></li>
- <li><a href="/samples/raycaster/RayCaster.html">3D RayCaster</a></li>
- <li><a href="http://processingjs.org/exhibition/">processing.js</a></li>
- <li><a href="http://gyu.que.jp/jscloth/">3D on 2D Canvas</a></li>
- <li><a href="http://viliusle.github.io/miniPaint/">miniPaint: Image editor</a>（<a href="https://github.com/viliusle/miniPaint">源码</a>）</li>
- <li><a href="http://zenphoton.com/">Zen Photon Garden</a>（<a href="https://github.com/scanlime/zenphoton">源码</a>）</li>
-</ul>
-
-<h3 id="SVG">SVG</h3>
-
-<ul>
- <li><a href="http://starkravingfinkle.org/projects/demo/svg-bubblemenu-in-html.xml">Bubblemenu</a> （视觉特效与交互）</li>
- <li><a href="http://starkravingfinkle.org/blog/2007/07/firefox-3-svg-foreignobject/">HTML transformations</a>（使用了 <code>&lt;foreignObject&gt;</code> 元素）（视觉特效与变换）</li>
- <li><a href="http://svg-whiz.com/svg/linguistics/theCreepyMouth.svg">Phonetics Guide</a>（可交互）</li>
- <li><a href="http://www.lutanho.net/svgvml3d/platonic.html">3D objects demo</a>（可交互）</li>
- <li><a href="http://www.themaninblue.com/experiment/Blobular/">Blobular</a>（可交互）</li>
- <li><a href="http://www.double.co.nz/video_test/video.svg">Video embedded in SVG</a>（或<a href="http://www.double.co.nz/video_test/video_svg.tar.bz2">下载到本地</a>）</li>
- <li><a href="http://summerstyle.github.io/summer/">Summer HTML image map creator</a>（<a href="https://github.com/summerstyle/summer">源码</a>）</li>
-</ul>
-
-<h3 id="Video">视频</h3>
-
-<ul>
- <li><a href="https://vimeo.com/172328210">Video 3D Animation "mozilla constantly evolving" </a></li>
- <li><a href="https://vimeo.com/173851395">Video 3D animation "Floating Dance" </a></li>
- <li><a href="http://www.double.co.nz/video_test/test1.html">Streaming Anime, Movie Trailer and Interview</a></li>
- <li><a href="http://www.double.co.nz/video_test/test2.html">Billy's Browser Firefox Flick</a></li>
- <li><a href="http://www.double.co.nz/video_test/test3.html">Virtual Barber Shop</a></li>
- <li><a href="http://www.double.co.nz/video_test/test4.html">Transformers Movie Trailer</a></li>
- <li><a href="http://www.double.co.nz/video_test/test5.html">A Scanner Darkly Movie Trailer</a>（自带控制功能）</li>
- <li><a href="http://www.double.co.nz/video_test/events.html">Events firing and volume control</a></li>
- <li><a href="http://www.double.co.nz/video_test/video.svg">Dragable and sizable videos</a></li>
-</ul>
-
-<h2 id="3D_图像">3D 图像</h2>
-
-<h3 id="WebGL">WebGL</h3>
-
-<ul>
- <li><a href="http://ondras.github.io/fireworks-webgl/">Web Audio Fireworks</a></li>
- <li>IoQuake3（<a href="https://github.com/klaussilveira/ioquake3.js">源码</a>）</li>
- <li>Escher puzzle（<a href="https://github.com/micahbolen/demoscene">源码</a>）</li>
- <li><a href="http://collinhover.github.io/kaiopua/">Kai 'Opua</a>（<a href="https://github.com/collinhover/kaiopua">源码</a>）</li>
-</ul>
-
-<h3 id="虚拟现实（VR）">虚拟现实（VR）</h3>
-
-<ul>
- <li><a href="http://mozvr.com/demos/polarsea/">The Polar Sea</a>（<a href="https://github.com/MozVR/polarsea">源码</a>）</li>
- <li><a href="http://mozvr.github.io/sechelt/">Sechelt fly-through</a>（<a href="https://github.com/mozvr/sechelt">源码</a>）</li>
-</ul>
-
-<h2 id="CSS">CSS</h2>
-
-<ul>
- <li><a href="http://www.csszengarden.com/">CSS Zen Garden</a></li>
- <li><a href="https://codepen.io/SoftwareRVG/pen/OXkOWj/">CSS floating logo "mozilla"</a></li>
- <li><a href="http://felixniklas.com/paperfold/">Paperfold</a></li>
- <li><a href="http://ondras.github.io/blockout/">CSS Blockout</a></li>
- <li><a href="http://ondras.zarovi.cz/demos/rubik/">Rubik's cube</a></li>
- <li><a href="http://ondras.zarovi.cz/demos/nojs/">Pure CSS Slides</a></li>
- <li>Planetarium（<a href="https://github.com/littleworkshop/planetarium">源码</a>）</li>
- <li><a href="https://codepen.io/equinusocio/full/qjyXPP/">Loader with blend modes</a></li>
- <li><a href="https://codepen.io/equinusocio/full/KNYOxJ/">Text reveal with clip-path</a></li>
- <li><a href="https://codepen.io/equinusocio/full/GvyvWd/">Ambient shadow with custom properties</a></li>
- <li><a href="https://codepen.io/equinusocio/full/jEVNeJ/">Luminiscent vial</a></li>
-</ul>
-
-<p>旧项目：</p>
-
-<ul>
- <li><a href="https://s.codepen.io/SoftwareRVG/debug/OXkOWj">CSS floating logo "Mozilla" developed by Rober Villar, from Software RVG. </a>(debug 模式)</li>
- <li><a href="https://webdeveloperbareilly.in/blog/html5/responsive-contact-form-bootstrap.php">Bootstrap Contact Form Design</a></li>
- <li><a href="http://www.lesmoffat.co.uk/folio/forest/forest.html">CSS Paralax Forest</a></li>
- <li><a href="http://webdeveloperbareilly.in/blog/css3/awesome-login-form.html">Responsive Login Page Design</a></li>
- <li><a href="http://webdeveloperbareilly.in/blog/css3/onepage-scroll-template.html">One Page Scroll Website Template</a></li>
-</ul>
-
-<h3 id="变换">变换</h3>
-
-<ul>
- <li><a href="http://impress.github.io/impress.js">Impress.js</a> (<a href="https://github.com/impress/impress.js">源码</a>)</li>
-</ul>
-
-<h2 id="游戏">游戏</h2>
-
-<ul>
- <li>IoQuake3（<a href="https://github.com/klaussilveira/ioquake3.js">源码</a>）</li>
- <li><a href="http://collinhover.github.io/kaiopua/">Kai 'Opua</a>（<a href="https://github.com/collinhover/kaiopua">源码</a>）</li>
-</ul>
-
-<h2 id="Web_API">Web API</h2>
-
-<ul>
-</ul>
-
-<h3 id="通知_API">通知 API</h3>
-
-<ul>
- <li><a href="http://elfoxero.github.io/html5notifications/">HTML5 Notifications</a>（<a href="https://github.com/elfoxero/html5notifications">源码</a>）</li>
-</ul>
-
-<ul>
-</ul>
-
-<h3 id="网络音频_API">网络音频 API</h3>
-
-<ul>
- <li><a href="http://ondras.github.io/fireworks-webgl/">Web Audio Fireworks</a></li>
- <li><a href="http://ondras.github.io/oscope/">oscope.js - JavaScript oscilloscope</a></li>
- <li><a href="http://nipe-systems.de/webapps/html5-web-audio/">HTML5 Web Audio Showcase</a>（<a href="https://github.com/NIPE-SYSTEMS/html5-web-audio-showcase">源码</a>）</li>
- <li><a href="http://wayou.github.io/HTML5_Audio_Visualizer/">HTML5 Audio Visualizer</a>（<a href="https://github.com/Wayou/HTML5_Audio_Visualizer">源码</a>）</li>
- <li><a href="http://carlosrafaelgn.com.br/GraphicalFilterEditor/">Graphical Filter Editor and Visualizer</a>（<a href="https://github.com/carlosrafaelgn/GraphicalFilterEditor">源码</a>）</li>
-</ul>
-
-<h3 id="文件_API">文件 API</h3>
-
-<ul>
- <li><a href="http://palerdot.github.io/slide-my-text/">Slide My Text - presentation from plain text files</a></li>
-</ul>
-
-<h3 id="Unclassified">其他</h3>
-
-<ul>
- <li><a href="http://ondras.github.io/fractal/">Web Worker Fractals</a></li>
- <li><a href="http://ondras.github.io/photo/">Photo editor</a></li>
- <li><a href="http://ondras.github.io/coral/">Coral generator</a></li>
- <li><a href="http://nerget.com/rayjs-mt/rayjs.html">Raytracer</a></li>
- <li><a href="http://palerdot.github.io/hotcold/">HotCold Touch Typing</a></li>
-</ul>
+Mozilla 支持各种令人兴奋的开源 Web 技术，我们鼓励大家使用它们。此页面提供了有关这些技术的一些有趣演示链接。
+
+如果你知道开源 Web 技术的优秀演示或者应用，就在这里（以及 [英文页面](/en-US/docs/Web/Demos_of_open_web_technologies)）添加一个合适的链接吧。
+
+## 2D 图形
+
+### Canvas
+
+- [Blob Sallad: an interactive blob using JavaScript and canvas](http://www.blobsallad.se/)（[示例](http://blobsallad.se/article/)）
+- [Flying through space](http://arapehlivanian.com/wp-content/uploads/2007/02/canvas.html)
+- [3D RayCaster](/samples/raycaster/RayCaster.html)
+- [processing.js](http://processingjs.org/exhibition/)
+- [3D on 2D Canvas](http://gyu.que.jp/jscloth/)
+- [miniPaint: Image editor](http://viliusle.github.io/miniPaint/)（[源码](https://github.com/viliusle/miniPaint)）
+- [Zen Photon Garden](http://zenphoton.com/)（[源码](https://github.com/scanlime/zenphoton)）
+
+### SVG
+
+- [Bubblemenu](http://starkravingfinkle.org/projects/demo/svg-bubblemenu-in-html.xml) （视觉特效与交互）
+- [HTML transformations](http://starkravingfinkle.org/blog/2007/07/firefox-3-svg-foreignobject/)（使用了 `<foreignObject>` 元素）（视觉特效与变换）
+- [Phonetics Guide](http://svg-whiz.com/svg/linguistics/theCreepyMouth.svg)（可交互）
+- [3D objects demo](http://www.lutanho.net/svgvml3d/platonic.html)（可交互）
+- [Blobular](http://www.themaninblue.com/experiment/Blobular/)（可交互）
+- [Video embedded in SVG](http://www.double.co.nz/video_test/video.svg)（或[下载到本地](http://www.double.co.nz/video_test/video_svg.tar.bz2)）
+- [Summer HTML image map creator](http://summerstyle.github.io/summer/)（[源码](https://github.com/summerstyle/summer)）
+
+### 视频
+
+- [Video 3D Animation "mozilla constantly evolving"](https://vimeo.com/172328210)
+- [Video 3D animation "Floating Dance"](https://vimeo.com/173851395)
+- [Streaming Anime, Movie Trailer and Interview](http://www.double.co.nz/video_test/test1.html)
+- [Billy's Browser Firefox Flick](http://www.double.co.nz/video_test/test2.html)
+- [Virtual Barber Shop](http://www.double.co.nz/video_test/test3.html)
+- [Transformers Movie Trailer](http://www.double.co.nz/video_test/test4.html)
+- [A Scanner Darkly Movie Trailer](http://www.double.co.nz/video_test/test5.html)（自带控制功能）
+- [Events firing and volume control](http://www.double.co.nz/video_test/events.html)
+- [Dragable and sizable videos](http://www.double.co.nz/video_test/video.svg)
+
+## 3D 图像
+
+### WebGL
+
+- [Web Audio Fireworks](http://ondras.github.io/fireworks-webgl/)
+- IoQuake3（[源码](https://github.com/klaussilveira/ioquake3.js)）
+- Escher puzzle（[源码](https://github.com/micahbolen/demoscene)）
+- [Kai 'Opua](http://collinhover.github.io/kaiopua/)（[源码](https://github.com/collinhover/kaiopua)）
+
+### 虚拟现实（VR）
+
+- [The Polar Sea](http://mozvr.com/demos/polarsea/)（[源码](https://github.com/MozVR/polarsea)）
+- [Sechelt fly-through](http://mozvr.github.io/sechelt/)（[源码](https://github.com/mozvr/sechelt)）
+
+## CSS
+
+- [CSS Zen Garden](http://www.csszengarden.com/)
+- [CSS floating logo "mozilla"](https://codepen.io/SoftwareRVG/pen/OXkOWj/)
+- [Paperfold](http://felixniklas.com/paperfold/)
+- [CSS Blockout](http://ondras.github.io/blockout/)
+- [Rubik's cube](http://ondras.zarovi.cz/demos/rubik/)
+- [Pure CSS Slides](http://ondras.zarovi.cz/demos/nojs/)
+- Planetarium（[源码](https://github.com/littleworkshop/planetarium)）
+- [Loader with blend modes](https://codepen.io/equinusocio/full/qjyXPP/)
+- [Text reveal with clip-path](https://codepen.io/equinusocio/full/KNYOxJ/)
+- [Ambient shadow with custom properties](https://codepen.io/equinusocio/full/GvyvWd/)
+- [Luminiscent vial](https://codepen.io/equinusocio/full/jEVNeJ/)
+
+旧项目：
+
+- [CSS floating logo "Mozilla" developed by Rober Villar, from Software RVG. ](https://s.codepen.io/SoftwareRVG/debug/OXkOWj)(debug 模式)
+- [Bootstrap Contact Form Design](https://webdeveloperbareilly.in/blog/html5/responsive-contact-form-bootstrap.php)
+- [CSS Paralax Forest](http://www.lesmoffat.co.uk/folio/forest/forest.html)
+- [Responsive Login Page Design](http://webdeveloperbareilly.in/blog/css3/awesome-login-form.html)
+- [One Page Scroll Website Template](http://webdeveloperbareilly.in/blog/css3/onepage-scroll-template.html)
+
+### 变换
+
+- [Impress.js](http://impress.github.io/impress.js) ([源码](https://github.com/impress/impress.js))
+
+## 游戏
+
+- IoQuake3（[源码](https://github.com/klaussilveira/ioquake3.js)）
+- [Kai 'Opua](http://collinhover.github.io/kaiopua/)（[源码](https://github.com/collinhover/kaiopua)）
+
+## Web API
+
+### 通知 API
+
+- [HTML5 Notifications](http://elfoxero.github.io/html5notifications/)（[源码](https://github.com/elfoxero/html5notifications)）
+
+### 网络音频 API
+
+- [Web Audio Fireworks](http://ondras.github.io/fireworks-webgl/)
+- [oscope.js - JavaScript oscilloscope](http://ondras.github.io/oscope/)
+- [HTML5 Web Audio Showcase](http://nipe-systems.de/webapps/html5-web-audio/)（[源码](https://github.com/NIPE-SYSTEMS/html5-web-audio-showcase)）
+- [HTML5 Audio Visualizer](http://wayou.github.io/HTML5_Audio_Visualizer/)（[源码](https://github.com/Wayou/HTML5_Audio_Visualizer)）
+- [Graphical Filter Editor and Visualizer](http://carlosrafaelgn.com.br/GraphicalFilterEditor/)（[源码](https://github.com/carlosrafaelgn/GraphicalFilterEditor)）
+
+### 文件 API
+
+- [Slide My Text - presentation from plain text files](http://palerdot.github.io/slide-my-text/)
+
+### 其他
+
+- [Web Worker Fractals](http://ondras.github.io/fractal/)
+- [Photo editor](http://ondras.github.io/photo/)
+- [Coral generator](http://ondras.github.io/coral/)
+- [Raytracer](http://nerget.com/rayjs-mt/rayjs.html)
+- [HotCold Touch Typing](http://palerdot.github.io/hotcold/)
diff --git a/files/zh-cn/web/events/creating_and_triggering_events/index.md b/files/zh-cn/web/events/creating_and_triggering_events/index.md
index 45d3a01792fbfc..5c06178ba69025 100644
--- a/files/zh-cn/web/events/creating_and_triggering_events/index.md
+++ b/files/zh-cn/web/events/creating_and_triggering_events/index.md
@@ -1,7 +1,6 @@
 ---
 title: 创建和触发 events
 slug: Web/Events/Creating_and_triggering_events
-translation_of: Web/Events/Creating_and_triggering_events
 tags:
   - Advanced
   - DOM
@@ -9,44 +8,51 @@ tags:
   - JavaScript
   - NeedsContent
   - events
+translation_of: Web/Events/Creating_and_triggering_events
 ---
-<p>本文演示了如何创建和分派 DOM 事件。这些事件通常称为<strong>合成事件</strong>，而不是浏览器本身触发的事件。</p>
+本文演示了如何创建和分派 DOM 事件。这些事件通常称为**合成事件**，而不是浏览器本身触发的事件。
 
-<h2 id="创建自定义事件">创建自定义事件</h2>
+## 创建自定义事件
 
-<p>Events 可以使用 <a href="/zh/docs/Web/API/Event"><code>Event</code></a> 构造函数创建如下：</p>
+Events 可以使用 [`Event`](/zh/docs/Web/API/Event) 构造函数创建如下：
 
-<pre class="brush: js">var event = new Event('build');
+```js
+var event = new Event('build');
 
 // Listen for the event.
 elem.addEventListener('build', function (e) { ... }, false);
 
 // Dispatch the event.
-elem.dispatchEvent(event);</pre>
+elem.dispatchEvent(event);
+```
 
-<p>上述代码使用了 <a href="/zh-CN/docs/Web/API/EventTarget/dispatchEvent">EventTarget.dispatchEvent()</a> 方法。</p>
+上述代码使用了 [EventTarget.dispatchEvent()](/zh-CN/docs/Web/API/EventTarget/dispatchEvent) 方法。
 
-<p>绝大多数现代浏览器中都会支持这个构造函数（Internet Explorer 例外）。 要了解更为复杂的方法，可参考下面的 <a href="#The_old-fashioned_way">过时的方式</a>  一节。</p>
+绝大多数现代浏览器中都会支持这个构造函数（Internet Explorer 例外）。 要了解更为复杂的方法，可参考下面的 [过时的方式](#The_old-fashioned_way) 一节。
 
-<h3 id="添加自定义数据_–_CustomEvent">添加自定义数据 – CustomEvent()</h3>
+### 添加自定义数据 – CustomEvent()
 
-<p>要向事件对象添加更多数据，可以使用 <a href="/zh-CN/docs/Web/API/CustomEvent">CustomEvent</a> 接口，detail 属性可用于传递自定义数据。<br>
- 例如，event 可以创建如下：</p>
+要向事件对象添加更多数据，可以使用 [CustomEvent](/zh-CN/docs/Web/API/CustomEvent) 接口，detail 属性可用于传递自定义数据。
+例如，event 可以创建如下：
 
-<pre class="brush: js">var event = new CustomEvent('build', { 'detail': elem.dataset.time });</pre>
+```js
+var event = new CustomEvent('build', { 'detail': elem.dataset.time });
+```
 
-<p>下面的代码允许你在事件监听器中访问更多的数据：</p>
+下面的代码允许你在事件监听器中访问更多的数据：
 
-<pre class="brush: js">function eventHandler(e) {
+```js
+function eventHandler(e) {
   log('The time is: ' + e.detail);
 }
-</pre>
+```
 
-<h3 id="过时的方式">过时的方式</h3>
+### 过时的方式
 
-<p>早期的创建事件的方法使用了受 Java 启发的 API。下面展示了一个示例：</p>
+早期的创建事件的方法使用了受 Java 启发的 API。下面展示了一个示例：
 
-<pre class="brush: js">// Create the event.
+```js
+// Create the event.
 var event = document.createEvent('Event');
 
 // Define that the event name is 'build'.
@@ -59,57 +65,64 @@ document.addEventListener('build', function (e) {
 
 // target can be any Element or other EventTarget.
 document.dispatchEvent(event);
-</pre>
+```
 
-<h3 id="事件冒泡">事件冒泡</h3>
+### 事件冒泡
 
-<p>通常需要从子元素触发事件，并让祖先捕获它：</p>
+通常需要从子元素触发事件，并让祖先捕获它：
 
-<pre class="brush: html">&lt;form&gt;
-  &lt;textarea&gt;&lt;/textarea&gt;
-&lt;/form&gt;</pre>
+```html
+<form>
+  <textarea></textarea>
+</form>
+```
 
-<pre class="brush: js">const form = document.querySelector('form');
+```js
+const form = document.querySelector('form');
 const textarea = document.querySelector('textarea');
 
 // Create a new event, allow bubbling, and provide any data you want to pass to the "details" property
 const eventAwesome = new CustomEvent('awesome', {
   bubbles: true,
-  detail: { text: () =&gt; textarea.value }
+  detail: { text: () => textarea.value }
 });
 
 // The form element listens for the custom "awesome" event and then consoles the output of the passed text() method
-form.addEventListener('awesome', e =&gt; console.log(e.detail.text()));
+form.addEventListener('awesome', e => console.log(e.detail.text()));
 
 // As the user types, the textarea inside the form dispatches/triggers the event to fire, and uses itself as the starting point
-textarea.addEventListener('input', e =&gt; e.target.dispatchEvent(eventAwesome));</pre>
+textarea.addEventListener('input', e => e.target.dispatchEvent(eventAwesome));
+```
 
-<h3 id="动态创建和派发事件">动态创建和派发事件</h3>
+### 动态创建和派发事件
 
-<p>元素可以侦听尚未创建的事件：</p>
+元素可以侦听尚未创建的事件：
 
-<pre class="brush: html"><code>&lt;form&gt;
-  &lt;textarea&gt;&lt;/textarea&gt;
-&lt;/form&gt;</code></pre>
+```html
+<form>
+  <textarea></textarea>
+</form>
+```
 
-<pre class="brush: js">const form = document.querySelector('form');
+```js
+const form = document.querySelector('form');
 const textarea = document.querySelector('textarea');
 
-form.addEventListener('awesome', e =&gt; console.log(e.detail.text()));
+form.addEventListener('awesome', e => console.log(e.detail.text()));
 
 textarea.addEventListener('input', function() {
   // Create and dispatch/trigger an event on the fly
   // Note: Optionally, we've also leveraged the "function expression" (instead of the "arrow function expression") so "this" will represent the element
-  this.dispatchEvent(new CustomEvent('awesome', { bubbles: true, detail: { text: () =&gt; textarea.value } }))
-});</pre>
-
-
+  this.dispatchEvent(new CustomEvent('awesome', { bubbles: true, detail: { text: () => textarea.value } }))
+});
+```
 
-<h2 id="触发内置事件">触发内置事件</h2>
+## 触发内置事件
 
-<p>下面的例子演示了一个在复选框上点击（click）的模拟（就是说在程序里生成一个 click 事件），这个模拟点击使用了 DOM 方法。<a href="/samples/domref/dispatchEvent.html">参见这个动态示例</a></p>
+下面的例子演示了一个在复选框上点击（click）的模拟（就是说在程序里生成一个 click 事件），这个模拟点击使用了 DOM 方法。[参见这个动态示例](/samples/domref/dispatchEvent.html)
 
-<pre class="brush: js">function simulateClick() {
+```js
+function simulateClick() {
   var event = new MouseEvent('click', {
     'view': window,
     'bubbles': true,
@@ -125,14 +138,12 @@ textarea.addEventListener('input', function() {
     alert("not cancelled");
   }
 }
-</pre>
+```
 
-<h2 id="Browser_compatibility">参见</h2>
+## 参见
 
-<ul>
- <li><a href="/en-US/docs/Web/API/CustomEvent/CustomEvent">CustomEvent()</a></li>
- <li>{{domxref("document.createEvent()")}}</li>
- <li>{{domxref("Event.initEvent()")}}</li>
- <li>{{domxref("EventTarget.dispatchEvent()")}}</li>
- <li>{{domxref("EventTarget.addEventListener()")}}</li>
-</ul>
+- [CustomEvent()](/en-US/docs/Web/API/CustomEvent/CustomEvent)
+- {{domxref("document.createEvent()")}}
+- {{domxref("Event.initEvent()")}}
+- {{domxref("EventTarget.dispatchEvent()")}}
+- {{domxref("EventTarget.addEventListener()")}}
diff --git a/files/zh-cn/web/events/detecting_device_orientation/index.md b/files/zh-cn/web/events/detecting_device_orientation/index.md
index 36d8e07c8a6ffa..b19ec5581c9d28 100644
--- a/files/zh-cn/web/events/detecting_device_orientation/index.md
+++ b/files/zh-cn/web/events/detecting_device_orientation/index.md
@@ -1,7 +1,6 @@
 ---
 title: 检测设备方向
 slug: Web/Events/Detecting_device_orientation
-translation_of: Web/Events/Detecting_device_orientation
 tags:
   - API
   - Device Orientation
@@ -10,41 +9,42 @@ tags:
   - Motion
   - Orientation
   - Reference
+translation_of: Web/Events/Detecting_device_orientation
 ---
-<p>{{SeeCompatTable}}</p>
+{{SeeCompatTable}}
 
-<p>有越来越多的基于 web 的设备能够确定它们的方向; 也就是说，它们可以报告数据以指示基于重力方向的方向改变。特别地，手持设备如手机可以利用这些信息以自动旋转屏幕，保持内容直立，当设备旋转至横屏时（宽度大于高度），提供网页内容的横屏视图。</p>
+有越来越多的基于 web 的设备能够确定它们的方向; 也就是说，它们可以报告数据以指示基于重力方向的方向改变。特别地，手持设备如手机可以利用这些信息以自动旋转屏幕，保持内容直立，当设备旋转至横屏时（宽度大于高度），提供网页内容的横屏视图。
 
-<p>有两种 Javascript 事件负责处理设备方向信息。第一种是{{domxref("DeviceOrientationEvent")}}，它会在加速度传感器检测到设备在方向上产生变化时触发。通过处理该事件传来的数据信息，让交互式地响应用户移动设备旋转和仰角变化成为可能。</p>
+有两种 Javascript 事件负责处理设备方向信息。第一种是{{domxref("DeviceOrientationEvent")}}，它会在加速度传感器检测到设备在方向上产生变化时触发。通过处理该事件传来的数据信息，让交互式地响应用户移动设备旋转和仰角变化成为可能。
 
-<p>第二种是{{domxref("DeviceMotionEvent")}}，它会在加速度发生改变时触发。跟{{domxref("DeviceOrientationEvent")}}不同，{{domxref("DeviceMotionEvent")}}监听的是相应方向上加速度的变化。传感器通常都具有监听{{domxref("DeviceMotionEvent")}}的能力，包括笔记本中用于保护移动中的存储设备的传感器。{{domxref("DeviceOrientationEvent")}}事件更多见于移动设备中。</p>
+第二种是{{domxref("DeviceMotionEvent")}}，它会在加速度发生改变时触发。跟{{domxref("DeviceOrientationEvent")}}不同，{{domxref("DeviceMotionEvent")}}监听的是相应方向上加速度的变化。传感器通常都具有监听{{domxref("DeviceMotionEvent")}}的能力，包括笔记本中用于保护移动中的存储设备的传感器。{{domxref("DeviceOrientationEvent")}}事件更多见于移动设备中。
 
-<h2 id="处理方向（orientation）事件">处理方向（orientation）事件</h2>
+## 处理方向（orientation）事件
 
-<p>要接收设备方向变化信息，只需要监听{{ event("deviceorientation") }}事件：</p>
+要接收设备方向变化信息，只需要监听{{ event("deviceorientation") }}事件：
 
-<div class="blockIndicator note">
-<p><strong>备注：</strong> <a href="https://github.com/dorukeker/gyronorm.js">gyronorm.js</a> is a polyfill for normalizing the accelerometer and gyroscope data on mobile devices. This is useful for overcoming some of the differences in device support for device orientation.</p>
-</div>
+> **备注：** [gyronorm.js](https://github.com/dorukeker/gyronorm.js) is a polyfill for normalizing the accelerometer and gyroscope data on mobile devices. This is useful for overcoming some of the differences in device support for device orientation.
 
-<pre class="brush: js">window.addEventListener("deviceorientation", handleOrientation, true);
-</pre>
+```js
+window.addEventListener("deviceorientation", handleOrientation, true);
+```
 
-<p>注册完事件监听处理函数后（对应这个例子中的 handleOrientation），监听函数会定期地接收到最新的设备方向数据。</p>
+注册完事件监听处理函数后（对应这个例子中的 handleOrientation），监听函数会定期地接收到最新的设备方向数据。
 
-<p>方向事件对象中包含四个值：</p>
+方向事件对象中包含四个值：
 
-<p>{{ domxref("DeviceOrientationEvent.absolute") }}</p>
+{{ domxref("DeviceOrientationEvent.absolute") }}
 
-<p>{{ domxref("DeviceOrientationEvent.alpha") }}</p>
+{{ domxref("DeviceOrientationEvent.alpha") }}
 
-<p>{{ domxref("DeviceOrientationEvent.beta") }}</p>
+{{ domxref("DeviceOrientationEvent.beta") }}
 
-<p>{{ domxref("DeviceOrientationEvent.gamma") }}</p>
+{{ domxref("DeviceOrientationEvent.gamma") }}
 
-<p>下面是一个事件处理函数的例子：</p>
+下面是一个事件处理函数的例子：
 
-<pre class="brush: js">function handleOrientation(orientData) {
+```js
+function handleOrientation(orientData) {
   var absolute = orientData.absolute;
   var alpha = orientData.alpha;
   var beta = orientData.beta;
@@ -52,33 +52,34 @@ tags:
 
   // Do stuff with the new orientation data
 }
-</pre>
+```
 
-<h3 id="相关值解释">相关值解释</h3>
+### 相关值解释
 
-<p>关于每一个轴的记录值表示的是相对于标准的坐标系，设备在某一个给定轴上的旋转量。<a href="/en-US/DOM/Orientation_and_motion_data_explained">Orientation and motion data explained</a> 这篇文章有更详细的描述，下面是对这篇文章的总结。</p>
+关于每一个轴的记录值表示的是相对于标准的坐标系，设备在某一个给定轴上的旋转量。[Orientation and motion data explained](/en-US/DOM/Orientation_and_motion_data_explained) 这篇文章有更详细的描述，下面是对这篇文章的总结。
 
-<ul>
- <li>{{ domxref("DeviceOrientationEvent.alpha") }} 表示设备沿 z 轴上的旋转角度，范围为 0~360。</li>
- <li>{{ domxref("DeviceOrientationEvent.beta") }} 表示设备在 x 轴上的旋转角度，范围为-180~180。它描述的是设备由前向后旋转的情况。</li>
- <li>{{ domxref("DeviceOrientationEvent.gamma") }} 表示设备在 y 轴上的旋转角度，范围为-90~90。它描述的是设备由左向右旋转的情况。</li>
-</ul>
+- {{ domxref("DeviceOrientationEvent.alpha") }} 表示设备沿 z 轴上的旋转角度，范围为 0\~360。
+- {{ domxref("DeviceOrientationEvent.beta") }} 表示设备在 x 轴上的旋转角度，范围为-180\~180。它描述的是设备由前向后旋转的情况。
+- {{ domxref("DeviceOrientationEvent.gamma") }} 表示设备在 y 轴上的旋转角度，范围为-90\~90。它描述的是设备由左向右旋转的情况。
 
-<h3 id="例子">例子</h3>
+### 例子
 
-<p>这个例子会成功运行在支持检测自己方向的设备中的支持{{event("deviceorientation")}} 事件的浏览器中。</p>
+这个例子会成功运行在支持检测自己方向的设备中的支持{{event("deviceorientation")}} 事件的浏览器中。
 
-<p>让我们想象一下有一个球在花园中：</p>
+让我们想象一下有一个球在花园中：
 
-<pre class="brush: html">&lt;div class="garden"&gt;
-  &lt;div class="ball"&gt;&lt;/div&gt;
-&lt;/div&gt;
+```html
+<div class="garden">
+  <div class="ball"></div>
+</div>
 
-&lt;pre class="output"&gt;&lt;/pre&gt;</pre>
+<pre class="output"></pre>
+```
 
-<p>花园只有 200px 宽（很小对吧），球在中央：</p>
+花园只有 200px 宽（很小对吧），球在中央：
 
-<pre class="brush: css">.garden {
+```css
+.garden {
   position: relative;
   width : 200px;
   height: 200px;
@@ -94,11 +95,13 @@ tags:
   height: 20px;
   background: green;
   border-radius: 100%;
-}</pre>
+}
+```
 
-<p>现在，如果我们移动设备，球将随之移动：</p>
+现在，如果我们移动设备，球将随之移动：
 
-<pre class="brush: js">var ball   = document.querySelector('.ball');
+```js
+var ball   = document.querySelector('.ball');
 var garden = document.querySelector('.garden');
 var output = document.querySelector('.output');
 
@@ -114,8 +117,8 @@ function handleOrientation(event) {
 
   // Because we don't want to have the device upside down
   // We constrain the x value to the range [-90,90]
-  if (x &gt;  90) { x =  90};
-  if (x &lt; -90) { x = -90};
+  if (x >  90) { x =  90};
+  if (x < -90) { x = -90};
 
   // To make computation easier we shift the range of
   // x and y to [0,180]
@@ -128,71 +131,64 @@ function handleOrientation(event) {
   ball.style.left = (maxY*y/180 - 10) + "px";
 }
 
-window.addEventListener('deviceorientation', handleOrientation);</pre>
+window.addEventListener('deviceorientation', handleOrientation);
+```
 
-<p>输出结果：</p>
+输出结果：
 
-<p>在{{LiveSampleLink("Orientation_example", "这里")}}以新窗口打开此示例；因为有些浏览器中的 {{event("deviceorientation")}} 事件不支持跨域。</p>
+在{{LiveSampleLink("Orientation_example", "这里")}}以新窗口打开此示例；因为有些浏览器中的 {{event("deviceorientation")}} 事件不支持跨域。
 
-<div>{{EmbedLiveSample('Orientation_example', '230', '260')}}</div>
+{{EmbedLiveSample('Orientation_example', '230', '260')}}
 
-<div class="warning">
-<p><strong>警告：</strong> Chrome 和 Firefox 处理角度的机制不同，所以某些轴上的方向是相反的。</p>
-</div>
+> **警告：** Chrome 和 Firefox 处理角度的机制不同，所以某些轴上的方向是相反的。
 
-<h2 id="处理移动（motion）事件">处理移动（motion）事件</h2>
+## 处理移动（motion）事件
 
-<p>移动事件的处理跟方向事件是一样的，除了他们有自己的事件名：{{ event("devicemotion") }}</p>
+移动事件的处理跟方向事件是一样的，除了他们有自己的事件名：{{ event("devicemotion") }}
 
-<pre class="brush: js">window.addEventListener("devicemotion", handleMotion, true);</pre>
+```js
+window.addEventListener("devicemotion", handleMotion, true);
+```
 
-<p>真正不同的是做为参数传递给<em>HandleMotion 函数的</em>{{ domxref("DeviceMotionEvent") }}对象所包含的信息。</p>
+真正不同的是做为参数传递给*HandleMotion 函数的*{{ domxref("DeviceMotionEvent") }}对象所包含的信息。
 
-<p>这个对象包含四个属性：</p>
+这个对象包含四个属性：
 
-<ul>
- <li>{{ domxref("DeviceMotionEvent.acceleration") }}</li>
- <li>{{ domxref("DeviceMotionEvent.accelerationIncludingGravity") }}</li>
- <li>{{ domxref("DeviceMotionEvent.rotationRate") }}</li>
- <li>{{ domxref("DeviceMotionEvent.interval") }}</li>
-</ul>
+- {{ domxref("DeviceMotionEvent.acceleration") }}
+- {{ domxref("DeviceMotionEvent.accelerationIncludingGravity") }}
+- {{ domxref("DeviceMotionEvent.rotationRate") }}
+- {{ domxref("DeviceMotionEvent.interval") }}
 
-<h3 id="相关值解释_2">相关值解释</h3>
+### 相关值解释
 
-<p>{{ domxref("DeviceMotionEvent") }}对象提供给 web 开发者设备在位置和方向上的改变速度的相关信息。这些变化信息是通过三个轴来体现的。（<a href="/en-US/docs/Web/Guide/DOM/Events/Orientation_and_motion_data_explained">Orientation and motion data explained</a>有更详细的说明。）</p>
+{{ domxref("DeviceMotionEvent") }}对象提供给 web 开发者设备在位置和方向上的改变速度的相关信息。这些变化信息是通过三个轴来体现的。（[Orientation and motion data explained](/en-US/docs/Web/Guide/DOM/Events/Orientation_and_motion_data_explained)有更详细的说明。）
 
-<p><a href="/en-US/docs/Web/API/DeviceMotionEvent.acceleration"><code>acceleration</code></a> 和 <a href="/en-US/docs/Web/API/DeviceMotionEvent.accelerationIncludingGravity"><code>accelerationIncludingGravity</code></a>，都包含下面三个轴：</p>
+[`acceleration`](/en-US/docs/Web/API/DeviceMotionEvent.acceleration) 和 [`accelerationIncludingGravity`](/en-US/docs/Web/API/DeviceMotionEvent.accelerationIncludingGravity)，都包含下面三个轴：
 
-<ul>
- <li><code>x</code>: 西向东</li>
- <li><code>y</code>: 南向北</li>
- <li><code>z</code>: 垂直地面</li>
-</ul>
+- `x`: 西向东
+- `y`: 南向北
+- `z`: 垂直地面
 
-<p>对于 <code><a href="/en-US/docs/Web/API/DeviceMotionEvent.rotationRate">rotationRate</a></code> ，情况有点不同；三个轴的信息对应着以下三种情况：</p>
+对于 [`rotationRate`](/en-US/docs/Web/API/DeviceMotionEvent.rotationRate) ，情况有点不同；三个轴的信息对应着以下三种情况：
 
-<ul>
- <li><code>alpha</code>: 设备沿着垂直于屏幕（对于桌面设备则是垂直于键盘）的轴的旋转速率</li>
- <li><code>beta</code>: 设备沿着屏幕（对于桌面设备则是键盘）左至右方向的轴的旋转速率 (桌面设备相对于键盘)</li>
- <li><code>gamma</code>: 设备沿着屏幕（对于桌面设备则是键盘）下至上方向的轴的旋转速率</li>
-</ul>
+- `alpha`: 设备沿着垂直于屏幕（对于桌面设备则是垂直于键盘）的轴的旋转速率
+- `beta`: 设备沿着屏幕（对于桌面设备则是键盘）左至右方向的轴的旋转速率 (桌面设备相对于键盘)
+- `gamma`: 设备沿着屏幕（对于桌面设备则是键盘）下至上方向的轴的旋转速率
 
-<p>最后，<a href="/en-US/docs/Web/API/DeviceMotionEvent.interval"><code>interval</code></a> 表示的是从设备获取数据的间隔时间，单位是毫秒。</p>
+最后，[`interval`](/en-US/docs/Web/API/DeviceMotionEvent.interval) 表示的是从设备获取数据的间隔时间，单位是毫秒。
 
-<h2 id="规范">规范</h2>
+## 规范
 
 {{Specifications}}
 
-<h2 id="浏览器兼容性">浏览器兼容性</h2>
+## 浏览器兼容性
 
 {{Compat}}
 
-<h2 id="参见">参见</h2>
+## 参见
 
-<ul>
- <li>{{domxref("DeviceOrientationEvent")}}</li>
- <li>{{domxref("DeviceMotionEvent")}}</li>
- <li>The legacy <code><a href="/en-US/DOM/MozOrientation">MozOrientation</a></code> event.</li>
- <li><a href="/en-US/docs/Web/Guide/DOM/Events/Orientation_and_motion_data_explained">Orientation and motion data explained</a></li>
- <li><a href="/en-US/docs/Web/Guide/DOM/Events/Using_device_orientation_with_3D_transforms">Using deviceorientation in 3D Transforms</a></li>
-</ul>
+- {{domxref("DeviceOrientationEvent")}}
+- {{domxref("DeviceMotionEvent")}}
+- The legacy [`MozOrientation`](/en-US/DOM/MozOrientation) event.
+- [Orientation and motion data explained](/en-US/docs/Web/Guide/DOM/Events/Orientation_and_motion_data_explained)
+- [Using deviceorientation in 3D Transforms](/en-US/docs/Web/Guide/DOM/Events/Using_device_orientation_with_3D_transforms)
diff --git a/files/zh-cn/web/events/index.md b/files/zh-cn/web/events/index.md
index fdbf8da4726844..c696ea2d9e44c1 100644
--- a/files/zh-cn/web/events/index.md
+++ b/files/zh-cn/web/events/index.md
@@ -9,2939 +9,1551 @@ tags:
   - 总览
 translation_of: Web/Events
 ---
-<p>发送 DOM 事件是为了将发生的相关事情通知代码。每个事件都是继承自{{DOMxRef("Event")}} 接口的对象，可以包括自定义的成员属性及函数用于获取事件发生时相关的更多信息。事件可以表示任何从基本的用户交互、到发生在渲染模型自动通知的任何事情。</p>
+发送 DOM 事件是为了将发生的相关事情通知代码。每个事件都是继承自{{DOMxRef("Event")}} 接口的对象，可以包括自定义的成员属性及函数用于获取事件发生时相关的更多信息。事件可以表示任何从基本的用户交互、到发生在渲染模型自动通知的任何事情。
 
-<p>本文提供了一个可以发送的事件的列表；一些是官方标准中的标准事件，另一些则是在特定浏览器内部使用的事件；例如，列出的 Mozilla 特定事件，使<a href="/zh-CN/docs/Mozilla/Add-ons">附加组件</a>可以借助它们与浏览器进行交互。</p>
+本文提供了一个可以发送的事件的列表；一些是官方标准中的标准事件，另一些则是在特定浏览器内部使用的事件；例如，列出的 Mozilla 特定事件，使[附加组件](/zh-CN/docs/Mozilla/Add-ons)可以借助它们与浏览器进行交互。
 
-<h2 id="最常见的类别">最常见的类别</h2>
+## 最常见的类别
 
-<table class="standard-table">
- <caption>
- <h3 id="资源事件">资源事件</h3>
- </caption>
- <thead>
-  <tr>
-   <th scope="col">事件名称</th>
-   <th scope="col">何时触发</th>
-  </tr>
- </thead>
- <tbody>
-  <tr>
-   <td>{{Event("error")}}</td>
-   <td>资源加载失败时。</td>
-  </tr>
-  <tr>
-   <td>{{Event("abort")}}</td>
-   <td>正在加载资源已经被中止时。</td>
-  </tr>
-  <tr>
-   <td>{{Event("load")}}</td>
-   <td>资源及其相关资源已完成加载。</td>
-  </tr>
-  <tr>
-   <td>{{Event("beforeunload")}}</td>
-   <td>window，document 及其资源即将被卸载。</td>
-  </tr>
-  <tr>
-   <td>{{Event("unload")}}</td>
-   <td>文档或一个依赖资源正在被卸载。</td>
-  </tr>
- </tbody>
-</table>
-
-<h3 id="网络事件">网络事件</h3>
-
-<table class="standard-table">
- <thead>
-  <tr>
-   <th scope="col">事件名称</th>
-   <th scope="col">何时触发</th>
-  </tr>
- </thead>
- <tbody>
-  <tr>
-   <td>{{Event("online")}}</td>
-   <td>浏览器已获得网络访问。</td>
-  </tr>
-  <tr>
-   <td>{{Event("offline")}}</td>
-   <td>浏览器已失去网络访问。</td>
-  </tr>
- </tbody>
-</table>
-
-<table class="standard-table">
- <caption>
- <h3 id="焦点事件">焦点事件</h3>
- </caption>
- <thead>
-  <tr>
-   <th scope="col">事件名称</th>
-   <th scope="col">何时触发</th>
-  </tr>
- </thead>
- <tbody>
-  <tr>
-   <td>{{Event("focus")}}</td>
-   <td>元素获得焦点（不会冒泡）。</td>
-  </tr>
-  <tr>
-   <td>{{Event("blur")}}</td>
-   <td>元素失去焦点（不会冒泡）。</td>
-  </tr>
- </tbody>
-</table>
-
-<table class="standard-table">
- <caption>
- <h3 id="WebSocket_事件">WebSocket 事件</h3>
- </caption>
- <thead>
-  <tr>
-   <th scope="col">事件名称</th>
-   <th scope="col">何时触发</th>
-  </tr>
- </thead>
- <tbody>
-  <tr>
-   <td><code><a href="/zh-CN/docs/Web/Reference/Events/open_websocket">open</a></code></td>
-   <td>WebSocket 连接已建立。</td>
-  </tr>
-  <tr>
-   <td><code><a href="/zh-CN/docs/Web/Reference/Events/message_websocket">message</a></code></td>
-   <td>通过 WebSocket 接收到一条消息。</td>
-  </tr>
-  <tr>
-   <td>{{Event("error")}}</td>
-   <td>WebSocket 连接异常被关闭（比如有些数据无法发送）。</td>
-  </tr>
-  <tr>
-   <td><code><a href="/zh-CN/docs/Web/Reference/Events/close_websocket">close</a></code></td>
-   <td>WebSocket 连接已关闭。</td>
-  </tr>
- </tbody>
-</table>
-
-<table>
- <caption>
- <h3 id="会话历史事件">会话历史事件</h3>
- </caption>
- <thead>
-  <tr>
-   <th scope="col">事件名称</th>
-   <th scope="col">何时触发</th>
-  </tr>
- </thead>
- <tbody>
-  <tr>
-   <td>{{Event("pagehide")}}</td>
-   <td>A session history entry is being traversed from.</td>
-  </tr>
-  <tr>
-   <td>{{Event("pageshow")}}</td>
-   <td>A session history entry is being traversed to.</td>
-  </tr>
-  <tr>
-   <td>{{Event("popstate")}}</td>
-   <td>A session history entry is being navigated to (in certain cases).</td>
-  </tr>
- </tbody>
-</table>
-
-<table class="standard-table">
- <caption>
- <h3 id="CSS_动画事件">CSS 动画事件</h3>
- </caption>
- <thead>
-  <tr>
-   <th scope="col">事件名称</th>
-   <th scope="col">何时触发</th>
-  </tr>
- </thead>
- <tbody>
-  <tr>
-   <td>{{Event("animationstart")}}</td>
-   <td>某个 CSS 动画开始时触发。</td>
-  </tr>
-  <tr>
-   <td>{{Event("animationend")}}</td>
-   <td>某个 CSS 动画完成时触发。</td>
-  </tr>
-  <tr>
-   <td>{{Event("animationiteration")}}</td>
-   <td>某个 CSS 动画完成后重新开始时触发。</td>
-  </tr>
- </tbody>
-</table>
-
-<table class="standard-table">
- <caption>
- <h3 id="CSS_过渡事件">CSS 过渡事件</h3>
- </caption>
- <thead>
-  <tr>
-   <th scope="col">事件名称</th>
-   <th scope="col">何时触发</th>
-  </tr>
- </thead>
- <tbody>
-  <tr>
-   <td>{{Event("transitionstart")}}</td>
-   <td>A <a href="/zh-CN/docs/Web/CSS/CSS_Transitions">CSS transition</a> has actually started (fired after any delay).</td>
-  </tr>
-  <tr>
-   <td>{{Event("transitioncancel")}}</td>
-   <td>CSS 过渡被取消</td>
-  </tr>
-  <tr>
-   <td>{{Event("transitionend")}}</td>
-   <td>CSS 过渡已经完成</td>
-  </tr>
-  <tr>
-   <td>{{Event("transitionrun")}}</td>
-   <td>A <a href="/zh-CN/docs/Web/CSS/CSS_Transitions">CSS transition</a> has begun running (fired before any delay starts).</td>
-  </tr>
- </tbody>
-</table>
-
-<table class="standard-table">
- <caption>
- <h3 id="表单事件">表单事件</h3>
- </caption>
- <thead>
-  <tr>
-   <th scope="col">事件名称</th>
-   <th scope="col">何时触发</th>
-  </tr>
- </thead>
- <tbody>
-  <tr>
-   <td>{{Event("reset")}}</td>
-   <td>点击重置按钮时</td>
-  </tr>
-  <tr>
-   <td>{{Event("submit")}}</td>
-   <td>点击提交按钮</td>
-  </tr>
- </tbody>
-</table>
-
-<table class="standard-table">
- <caption>
- <h3 id="打印事件">打印事件</h3>
- </caption>
- <thead>
-  <tr>
-   <th scope="col">时间名称</th>
-   <th scope="col">何时触发</th>
-  </tr>
- </thead>
- <tbody>
-  <tr>
-   <td>{{Event("beforeprint")}}</td>
-   <td>打印机已经就绪时触发</td>
-  </tr>
-  <tr>
-   <td>{{Event("afterprint")}}</td>
-   <td>打印机关闭时触发</td>
-  </tr>
- </tbody>
-</table>
-
-<table class="standard-table">
- <caption>
- <h3 id="文本写作事件">文本写作事件</h3>
- </caption>
- <thead>
-  <tr>
-   <th scope="col">Event Name</th>
-   <th scope="col">Fired When</th>
-  </tr>
- </thead>
- <tbody>
-  <tr>
-   <td>{{Event("compositionstart")}}</td>
-   <td>The composition of a passage of text is prepared (similar to keydown for a keyboard input, but works with other inputs such as speech recognition).</td>
-  </tr>
-  <tr>
-   <td>{{Event("compositionupdate")}}</td>
-   <td>A character is added to a passage of text being composed.</td>
-  </tr>
-  <tr>
-   <td>{{Event("compositionend")}}</td>
-   <td>The composition of a passage of text has been completed or canceled.</td>
-  </tr>
- </tbody>
-</table>
-
-<table class="standard-table">
- <caption>
- <h3 id="视图事件">视图事件</h3>
- </caption>
- <thead>
-  <tr>
-   <th scope="col">Event Name</th>
-   <th scope="col">Fired When</th>
-  </tr>
- </thead>
- <tbody>
-  <tr>
-   <td>{{Event("fullscreenchange")}}</td>
-   <td>An element was turned to fullscreen mode or back to normal mode.</td>
-  </tr>
-  <tr>
-   <td>{{Event("fullscreenerror")}}</td>
-   <td>It was impossible to switch to fullscreen mode for technical reasons or because the permission was denied.</td>
-  </tr>
-  <tr>
-   <td>{{Event("resize")}}</td>
-   <td>The document view has been resized.</td>
-  </tr>
-  <tr>
-   <td>{{Event("scroll")}}</td>
-   <td>The document view or an element has been scrolled.</td>
-  </tr>
- </tbody>
-</table>
-
-<table class="standard-table">
- <caption>
- <h3 id="剪贴板事件">剪贴板事件</h3>
- </caption>
- <thead>
-  <tr>
-   <th scope="col">Event Name</th>
-   <th scope="col">Fired When</th>
-  </tr>
- </thead>
- <tbody>
-  <tr>
-   <td>{{Event("cut")}}</td>
-   <td>已经剪贴选中的文本内容并且复制到了剪贴板。</td>
-  </tr>
-  <tr>
-   <td>{{Event("copy")}}</td>
-   <td>已经把选中的文本内容复制到了剪贴板。</td>
-  </tr>
-  <tr>
-   <td>{{Event("paste")}}</td>
-   <td>从剪贴板复制的文本内容被粘贴。</td>
-  </tr>
- </tbody>
-</table>
-
-<table class="standard-table">
- <caption>
- <h3 id="键盘事件">键盘事件</h3>
- </caption>
- <tbody>
-  <tr>
-   <th scope="col">Event Name</th>
-   <th scope="col">Fired When</th>
-  </tr>
-  <tr>
-   <td>{{Event("keydown")}}</td>
-   <td>按下任意按键。</td>
-  </tr>
-  <tr>
-   <td>{{Event("keypress")}}</td>
-   <td>除 Shift、Fn、CapsLock 外的任意键被按住。（连续触发。）</td>
-  </tr>
-  <tr>
-   <td>{{Event("keyup")}}</td>
-   <td>释放任意按键。</td>
-  </tr>
- </tbody>
-</table>
-
-<table class="standard-table">
- <caption>
- <h3 id="鼠标事件">鼠标事件</h3>
- </caption>
- <thead>
-  <tr>
-   <th scope="col">Event Name</th>
-   <th scope="col">Fired When</th>
-  </tr>
- </thead>
- <tbody>
-  <tr>
-   <td>{{Event("auxclick")}}</td>
-   <td>A pointing device button (ANY non-primary button) has been pressed and released on an element.</td>
-  </tr>
-  <tr>
-   <td>{{Event("click")}}</td>
-   <td>在元素上按下并释放任意鼠标按键。</td>
-  </tr>
-  <tr>
-   <td>{{Event("contextmenu")}}</td>
-   <td>右键点击（在右键菜单显示前触发）。</td>
-  </tr>
-  <tr>
-   <td>{{Event("dblclick")}}</td>
-   <td>在元素上双击鼠标按钮。</td>
-  </tr>
-  <tr>
-   <td>{{Event("mousedown")}}</td>
-   <td>在元素上按下任意鼠标按钮。</td>
-  </tr>
-  <tr>
-   <td>{{Event("mouseenter")}}</td>
-   <td>指针移到有事件监听的元素内。</td>
-  </tr>
-  <tr>
-   <td>{{Event("mouseleave")}}</td>
-   <td>指针移出元素范围外（不冒泡）。</td>
-  </tr>
-  <tr>
-   <td>{{Event("mousemove")}}</td>
-   <td>指针在元素内移动时持续触发。</td>
-  </tr>
-  <tr>
-   <td>{{Event("mouseover")}}</td>
-   <td>指针移到有事件监听的元素或者它的子元素内。</td>
-  </tr>
-  <tr>
-   <td>{{Event("mouseout")}}</td>
-   <td>指针移出元素，或者移到它的子元素上。</td>
-  </tr>
-  <tr>
-   <td>{{Event("mouseup")}}</td>
-   <td>在元素上释放任意鼠标按键。</td>
-  </tr>
-  <tr>
-   <td>{{Event("pointerlockchange")}}</td>
-   <td>鼠标被锁定或者解除锁定发生时。</td>
-  </tr>
-  <tr>
-   <td>{{Event("pointerlockerror")}}</td>
-   <td>可能因为一些技术的原因鼠标锁定被禁止时。</td>
-  </tr>
-  <tr>
-   <td>{{Event("select")}}</td>
-   <td>有文本被选中。</td>
-  </tr>
-  <tr>
-   <td>{{Event("wheel")}}</td>
-   <td>滚轮向任意方向滚动。</td>
-  </tr>
- </tbody>
-</table>
-
-<table class="standard-table">
- <caption>
- <h3 id="拖放事件">拖放事件</h3>
- </caption>
- <thead>
-  <tr>
-   <th scope="col">Event Name</th>
-   <th scope="col">Fired When</th>
-  </tr>
- </thead>
- <tbody>
-  <tr>
-   <td>{{Event("drag")}}</td>
-   <td>正在拖动元素或文本选区（在此过程中持续触发，每 350ms 触发一次）</td>
-  </tr>
-  <tr>
-   <td>{{Event("dragend")}}</td>
-   <td>拖放操作结束。（松开鼠标按钮或按下 Esc 键）</td>
-  </tr>
-  <tr>
-   <td>{{Event("dragenter")}}</td>
-   <td>被拖动的元素或文本选区移入有效释放目标区</td>
-  </tr>
-  <tr>
-   <td>{{Event("dragstart")}}</td>
-   <td>用户开始拖动 HTML 元素或选中的文本</td>
-  </tr>
-  <tr>
-   <td>{{Event("dragleave")}}</td>
-   <td>被拖动的元素或文本选区移出有效释放目标区</td>
-  </tr>
-  <tr>
-   <td>{{Event("dragover")}}</td>
-   <td>被拖动的元素或文本选区正在有效释放目标上被拖动（在此过程中持续触发，每 350ms 触发一次）</td>
-  </tr>
-  <tr>
-   <td>{{Event("drop")}}</td>
-   <td>元素在有效释放目标区上释放</td>
-  </tr>
- </tbody>
-</table>
+| 事件名称                         | 何时触发                              |
+| -------------------------------- | ------------------------------------- |
+| {{Event("error")}}         | 资源加载失败时。                      |
+| {{Event("abort")}}         | 正在加载资源已经被中止时。            |
+| {{Event("load")}}         | 资源及其相关资源已完成加载。          |
+| {{Event("beforeunload")}} | window，document 及其资源即将被卸载。 |
+| {{Event("unload")}}         | 文档或一个依赖资源正在被卸载。        |
 
-<table class="standard-table">
- <caption>
- <h3 id="媒体事件">媒体事件</h3>
- </caption>
- <thead>
-  <tr>
-   <th scope="col">Event Name</th>
-   <th scope="col">Fired When</th>
-  </tr>
- </thead>
- <tbody>
-  <tr>
-   <td>{{Event("audioprocess")}}</td>
-   <td>The input buffer of a {{DOMxRef("ScriptProcessorNode")}} is ready to be processed.</td>
-  </tr>
-  <tr>
-   <td>{{Event("canplay")}}</td>
-   <td>The browser can play the media, but estimates that not enough data has been loaded to play the media up to its end without having to stop for further buffering of content.</td>
-  </tr>
-  <tr>
-   <td>{{Event("canplaythrough")}}</td>
-   <td>The browser estimates it can play the media up to its end without stopping for content buffering.</td>
-  </tr>
-  <tr>
-   <td>{{Event("complete")}}</td>
-   <td>The rendering of an {{DOMxRef("OfflineAudioContext")}} is terminated.</td>
-  </tr>
-  <tr>
-   <td>{{Event("durationchange")}}</td>
-   <td>The <code>duration</code> attribute has been updated.</td>
-  </tr>
-  <tr>
-   <td>{{Event("emptied")}}</td>
-   <td>The media has become empty; for example, this event is sent if the media has already been loaded (or partially loaded), and the <a href="/zh-CN/docs/XPCOM_Interface_Reference/NsIDOMHTMLMediaElement"><code>load()</code></a> method is called to reload it.</td>
-  </tr>
-  <tr>
-   <td>{{Event("ended")}}</td>
-   <td>Playback has stopped because the end of the media was reached.</td>
-  </tr>
-  <tr>
-   <td>{{Event("loadeddata")}}</td>
-   <td>The first frame of the media has finished loading.</td>
-  </tr>
-  <tr>
-   <td>{{Event("loadedmetadata")}}</td>
-   <td>The metadata has been loaded.</td>
-  </tr>
-  <tr>
-   <td>{{Event("pause")}}</td>
-   <td>Playback has been paused.</td>
-  </tr>
-  <tr>
-   <td>{{Event("play")}}</td>
-   <td>Playback has begun.</td>
-  </tr>
-  <tr>
-   <td>{{Event("playing")}}</td>
-   <td>Playback is ready to start after having been paused or delayed due to lack of data.</td>
-  </tr>
-  <tr>
-   <td>{{Event("ratechange")}}</td>
-   <td>The playback rate has changed.</td>
-  </tr>
-  <tr>
-   <td>{{Event("seeked")}}</td>
-   <td>A <em>seek</em> operation completed.</td>
-  </tr>
-  <tr>
-   <td>{{Event("seeking")}}</td>
-   <td>A <em>seek</em> operation began.</td>
-  </tr>
-  <tr>
-   <td>{{Event("stalled")}}</td>
-   <td>The user agent is trying to fetch media data, but data is unexpectedly not forthcoming.</td>
-  </tr>
-  <tr>
-   <td>{{Event("suspend")}}</td>
-   <td>Media data loading has been suspended.</td>
-  </tr>
-  <tr>
-   <td>{{Event("timeupdate")}}</td>
-   <td>The time indicated by the <code>currentTime</code> attribute has been updated.</td>
-  </tr>
-  <tr>
-   <td>{{Event("volumechange")}}</td>
-   <td>The volume has changed.</td>
-  </tr>
-  <tr>
-   <td>{{Event("waiting")}}</td>
-   <td>Playback has stopped because of a temporary lack of data.</td>
-  </tr>
- </tbody>
-</table>
-
-<table class="standard-table">
- <caption>
- <h3 id="进度事件">进度事件</h3>
- </caption>
- <thead>
-  <tr>
-   <th scope="col">Event Name</th>
-   <th scope="col">Fired When</th>
-  </tr>
- </thead>
- <tbody>
-  <tr>
-   <td><code><a href="/zh-CN/docs/Web/API/XMLHttpRequest/abort_event">abort</a></code></td>
-   <td>Progression has been terminated (not due to an error).</td>
-  </tr>
-  <tr>
-   <td>{{Event("error")}}</td>
-   <td>Progression has failed.</td>
-  </tr>
-  <tr>
-   <td><code><a href="/zh-CN/docs/Web/API/XMLHttpRequest/load_event">load</a></code></td>
-   <td>Progression has been successful.</td>
-  </tr>
-  <tr>
-   <td>{{Event("loadend")}}</td>
-   <td>Progress has stopped (after "error", "abort" or "load" have been dispatched).</td>
-  </tr>
-  <tr>
-   <td>{{Event("loadstart")}}</td>
-   <td>Progress has begun.</td>
-  </tr>
-  <tr>
-   <td>{{Event("progress")}}</td>
-   <td>In progress.</td>
-  </tr>
-  <tr>
-   <td>{{Event("timeout")}}</td>
-   <td>Progression is terminated due to preset time expiring.</td>
-  </tr>
- </tbody>
-</table>
-
-<h3 id="存储事件">存储事件</h3>
-
-<p>{{Event("change")}} (参见 <a href="#非标准事件">非标准事件</a>)<br>
- {{Event("storage")}}</p>
-
-<h3 id="更新事件">更新事件</h3>
-
-<p>{{Event("checking")}}<br>
- {{Event("downloading")}}<br>
- {{Event("error")}}<br>
- {{Event("noupdate")}}<br>
- {{Event("obsolete")}}<br>
- {{Event("updateready")}}</p>
-
-<h3 id="值变化事件">值变化事件</h3>
-
-<p>{{Event("broadcast")}}<br>
- {{Event("CheckboxStateChange")}}<br>
- {{Event("hashchange")}}<br>
- {{Event("input")}}<br>
- {{Event("RadioStateChange")}}<br>
- {{Event("readystatechange")}}<br>
- {{Event("ValueChange")}}</p>
-
-<h3 id="未分类的事件">未分类的事件</h3>
-
-<p>{{Event("invalid")}}<br>
- <code><a href="/zh-CN/docs/Web/API/DedicatedWorkerGlobalScope/message_event">message</a></code><br>
- <code><a href="/zh-CN/docs/Web/API/EventSource/message_event">message</a></code><br>
- <code><a href="/zh-CN/docs/Web/API/EventSource/open_event">open</a></code><br>
- <code><a href="/zh-CN/docs/Web/API/Element/show_event">show</a></code></p>
-
-<h2 id="不常见和非标准事件">不常见和非标准事件</h2>
-
-<h3 id="Abortable_Fetch_events">Abortable Fetch events</h3>
-
-<table class="standard-table">
- <thead>
-  <tr>
-   <th scope="col">Event name</th>
-   <th scope="col">Fired when</th>
-  </tr>
- </thead>
- <tbody>
-  <tr>
-   <td><code><a href="/zh-CN/docs/Web/API/AbortSignal/abort_event">abort</a></code></td>
-   <td>A DOM request is aborted, i.e. using {{DOMxRef("AbortController.abort()")}}.</td>
-  </tr>
- </tbody>
-</table>
-
-<h3 id="WebVR_events">WebVR events</h3>
-
-<table class="standard-table">
- <thead>
-  <tr>
-   <th scope="col">Event name</th>
-   <th scope="col">Fired when</th>
-  </tr>
-  <tr>
-   <td>{{Event("vrdisplayactivate")}}</td>
-   <td>When a VR display is able to be presented to, for example if an HMD has been moved to bring it out of standby, or woken up by being put on.</td>
-  </tr>
-  <tr>
-   <td>{{Event("vrdisplayblur")}}</td>
-   <td>when presentation to a {{DOMxRef("VRDisplay")}} has been paused for some reason by the browser, OS, or VR hardware — for example, while the user is interacting with a system menu or browser, to prevent tracking or loss of experience.</td>
-  </tr>
-  <tr>
-   <td>{{Event("vrdisplayconnect")}}</td>
-   <td>when a compatible {{DOMxRef("VRDisplay")}} is connected to the computer.</td>
-  </tr>
-  <tr>
-   <td>{{Event("vrdisplaydeactivate")}}</td>
-   <td>When a {{DOMxRef("VRDisplay")}} can no longer be presented to, for example if an HMD has gone into standby or sleep mode due to a period of inactivity.</td>
-  </tr>
-  <tr>
-   <td>{{Event("vrdisplaydisconnect")}}</td>
-   <td>When a compatible {{DOMxRef("VRDisplay")}} is disconnected from the computer.</td>
-  </tr>
-  <tr>
-   <td>{{Event("vrdisplayfocus")}}</td>
-   <td>When presentation to a {{DOMxRef("VRDisplay")}} has resumed after being blurred.</td>
-  </tr>
-  <tr>
-   <td>{{Event("vrdisplaypresentchange")}}</td>
-   <td>The presenting state of a {{DOMxRef("VRDisplay")}} changes — i.e. goes from presenting to not presenting, or vice versa.</td>
-  </tr>
- </thead>
-</table>
-
-<h3 id="SVG_事件">SVG 事件</h3>
-
-<p>{{Event("SVGAbort")}}<br>
- {{Event("SVGError")}}<br>
- {{Event("SVGLoad")}}<br>
- {{Event("SVGResize")}}<br>
- {{Event("SVGScroll")}}<br>
- {{Event("SVGUnload")}}<br>
- {{Event("SVGZoom")}}</p>
-
-<h3 id="数据库事件">数据库事件</h3>
-
-<p><code><a href="/zh-CN/docs/Web/Reference/Events/abort_indexedDB">abort</a></code><br>
- <code><a href="/zh-CN/docs/Web/Reference/Events/blocked_indexedDB">blocked</a></code><br>
- <code><a href="/zh-CN/docs/Web/Reference/Events/complete_indexedDB">complete</a></code><br>
- {{Event("error")}}<br>
- <code><a href="/zh-CN/docs/Web/Reference/Events/success_indexedDB">success</a></code><br>
- <code><a href="/zh-CN/docs/Web/Reference/Events/upgradeneeded_indexedDB">upgradeneeded</a></code><br>
- <code><a href="/zh-CN/docs/Web/Reference/Events/versionchange_indexedDB">versionchange</a></code></p>
-
-<h3 id="脚本事件">脚本事件</h3>
-
-<p>{{Event("afterscriptexecute")}}<br>
- {{Event("beforescriptexecute")}}</p>
-
-<h3 id="菜单事件">菜单事件</h3>
-
-<p>{{Event("DOMMenuItemActive")}}<br>
- {{Event("DOMMenuItemInactive")}}</p>
-
-<h3 id="窗口事件">窗口事件</h3>
-
-<p><code><a href="/zh-CN/docs/Mozilla/Tech/XUL/Events/close_event">close</a></code></p>
-
-<h3 id="弹出事件">弹出事件</h3>
-
-<p>{{Event("popuphidden")}}<br>
- {{Event("popuphiding")}}<br>
- {{Event("popupshowing")}}<br>
- {{Event("popupshown")}}</p>
-
-<h3 id="Tab_事件">Tab 事件</h3>
-
-<p>{{Event("visibilitychange")}}</p>
-
-<ul>
-</ul>
-
-<h3 id="电池事件">电池事件</h3>
-
-<p>{{Event("chargingchange")}}<br>
- {{Event("chargingtimechange")}}<br>
- {{Event("dischargingtimechange")}}<br>
- {{Event("levelchange")}}</p>
-
-<h3 id="呼叫事件">呼叫事件</h3>
-
-<p>{{Event("alerting")}}<br>
- {{Event("busy")}}<br>
- {{Event("callschanged")}}<br>
- {{Event("cfstatechange")}}<br>
- {{Event("connected")}}<br>
- {{Event("connecting")}}<br>
- {{Event("dialing")}}<br>
- {{Event("disconnected")}}<br>
- {{Event("disconnecting")}}<br>
- {{Event("error_(Telephony)","error")}}<br>
- {{Event("held")}}, {{Event("holding")}}<br>
- {{Event("incoming")}}<br>
- {{Event("resuming")}}<br>
- {{Event("statechange")}}<br>
- {{Event("voicechange")}}</p>
-
-<h3 id="传感器事件">传感器事件</h3>
-
-<p>{{Event("compassneedscalibration")}}<br>
- {{Event("devicemotion")}}<br>
- {{Event("deviceorientation")}}<br>
- {{Event("orientationchange")}}</p>
-
-<h3 id="智能卡事件">智能卡事件</h3>
-
-<p>{{Event("icccardlockerror")}}<br>
- {{Event("iccinfochange")}}<br>
- {{Event("smartcard-insert")}}<br>
- {{Event("smartcard-remove")}}<br>
- {{Event("stkcommand")}}<br>
- {{Event("stksessionend")}}<br>
- {{Event("cardstatechange")}}</p>
-
-<h3 id="短信和USSD事件">短信和 USSD 事件</h3>
-
-<p>{{Event("delivered")}}<br>
- {{Event("received")}}<br>
- {{Event("sent")}}<br>
- {{Event("ussdreceived")}}</p>
-
-<h3 id="帧事件">帧事件</h3>
-
-<p>{{Event("mozbrowserclose")}}<br>
- {{Event("mozbrowsercontextmenu")}}<br>
- {{Event("mozbrowsererror")}}<br>
- {{Event("mozbrowsericonchange")}}<br>
- {{Event("mozbrowserlocationchange")}}<br>
- {{Event("mozbrowserloadend")}}<br>
- {{Event("mozbrowserloadstart")}}<br>
- {{Event("mozbrowseropenwindow")}}<br>
- {{Event("mozbrowsersecuritychange")}}<br>
- {{Event("mozbrowsershowmodalprompt")}}<br>
- {{Event("mozbrowsertitlechange")}}</p>
-
-<h3 id="DOM变异事件">DOM 变异事件</h3>
-
-<p><code><a href="/zh-CN/docs/DOM/Mutation_events">DOMAttributeNameChanged</a></code><br>
- <code><a href="/zh-CN/docs/DOM/Mutation_events">DOMAttrModified</a></code><br>
- <code><a href="/zh-CN/docs/DOM/Mutation_events">DOMCharacterDataModified</a></code><br>
- {{Event("DOMContentLoaded")}}<br>
- <code><a href="/zh-CN/docs/DOM/Mutation_events">DOMElementNameChanged</a></code><br>
- <code><a href="/zh-CN/docs/DOM/Mutation_events">DOMNodeInserted</a></code><br>
- <code><a href="/zh-CN/docs/DOM/Mutation_events">DOMNodeInsertedIntoDocument</a></code><br>
- <code><a href="/zh-CN/docs/DOM/Mutation_events">DOMNodeRemoved</a></code><br>
- <code><a href="/zh-CN/docs/DOM/Mutation_events">DOMNodeRemovedFromDocument</a></code><br>
- <code><a href="/zh-CN/docs/DOM/Mutation_events">DOMSubtreeModified</a></code></p>
-
-<h3 id="触摸事件">触摸事件</h3>
-
-<p>{{Event("touchcancel")}}<br>
- {{Event("touchend")}}<br>
- {{Event("touchmove")}}<br>
- {{Event("touchstart")}}</p>
-
-<h3 id="指针事件">指针事件</h3>
-
-<p>{{Event("pointerover")}}<br>
- {{Event("pointerenter")}}<br>
- {{Event("pointerdown")}}<br>
- {{Event("pointermove")}}<br>
- {{Event("pointerup")}}<br>
- {{Event("pointercancel")}}<br>
- {{Event("pointerout")}}<br>
- {{Event("pointerleave")}}<br>
- {{Event("gotpointercapture")}}<br>
- {{Event("lostpointercapture")}}</p>
-
-<h2 id="标准事件">标准事件</h2>
-
-<p>这些事件在官方 Web 规范中定义，并且应在各个浏览器中通用。 每个事件都和代表事件接收方的对象（由此您可以查到每个事件提供的数据），定义这个事件的标准或标准链接会一起列出。</p>
-
-<table class="standard-table">
- <thead>
-  <tr>
-   <th scope="col">事件名称</th>
-   <th scope="col">事件类型</th>
-   <th scope="col">规范</th>
-   <th scope="col">触发时机...</th>
-  </tr>
- </thead>
- <tbody>
-  <tr>
-   <td>{{Event("abort")}}</td>
-   <td>{{DOMxRef("UIEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-abort">DOM L3</a></td>
-   <td>资源载入已被中止</td>
-  </tr>
-  <tr>
-   <td><code><a href="/zh-CN/docs/Web/Reference/Events/abort_(ProgressEvent)">abort</a></code></td>
-   <td>{{DOMxRef("ProgressEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/progress-events/">Progress</a>and<a href="http://www.w3.org/TR/XMLHttpRequest/#event-xhr-abort">XMLHttpRequest</a></td>
-   <td>Progress 被终止 (不是 error 造成的)</td>
-  </tr>
-  <tr>
-   <td><code><a href="/zh-CN/docs/Web/Reference/Events/abort_indexedDB">abort</a></code></td>
-   <td>{{DOMxRef("Event")}}</td>
-   <td><a href="http://www.w3.org/TR/IndexedDB/#database-interface">IndexedDB</a></td>
-   <td>事务已被中止</td>
-  </tr>
-  <tr>
-   <td>{{Event("afterprint")}}</td>
-   <td>{{DOMxRef("Event")}}</td>
-   <td><a href="http://www.w3.org/TR/html5/webappapis.html#printing">HTML5</a></td>
-   <td>相关文档已开始打印或打印预览已被关闭</td>
-  </tr>
-  <tr>
-   <td>{{Event("animationcancel")}}</td>
-   <td>{{DOMxRef("AnimationEvent")}} {{Experimental_Inline}}</td>
-   <td><a href="http://www.w3.org/TR/css3-animations/#animation-events">CSS Animations</a></td>
-   <td>A <a href="/zh-CN/docs/CSS/CSS_animations">CSS animation</a> has aborted.</td>
-  </tr>
-  <tr>
-   <td>{{Event("animationend")}}</td>
-   <td>{{DOMxRef("AnimationEvent")}} {{Experimental_Inline}}</td>
-   <td><a href="http://www.w3.org/TR/css3-animations/#animation-events">CSS Animations</a></td>
-   <td>完成一个<a href="/zh-CN/docs/CSS/CSS_animations">CSS 动画</a></td>
-  </tr>
-  <tr>
-   <td>{{Event("animationiteration")}}</td>
-   <td>{{DOMxRef("AnimationEvent")}} {{Experimental_Inline}}</td>
-   <td><a href="http://www.w3.org/TR/css3-animations/#animation-events">CSS Animations</a></td>
-   <td>重复播放一个<a href="/zh-CN/docs/CSS/CSS_animations">CSS 动画</a></td>
-  </tr>
-  <tr>
-   <td>{{Event("animationstart")}}</td>
-   <td>{{DOMxRef("AnimationEvent")}} {{Experimental_Inline}}</td>
-   <td><a href="http://www.w3.org/TR/css3-animations/#animation-events">CSS Animations</a></td>
-   <td>一个 <a href="/zh-CN/docs/CSS/CSS_animations">CSS 动画</a>已开始</td>
-  </tr>
-  <tr>
-   <td>{{Event("appinstalled")}}</td>
-   <td>{{DOMxRef("Event")}}</td>
-   <td><a href="/zh-CN/docs/Web/Manifest">Web App Manifest</a></td>
-   <td>A web application is successfully installed as a <a href="/en-US/Apps/Progressive">progressive web app</a>.</td>
-  </tr>
-  <tr>
-   <td>{{Event("audioprocess")}}</td>
-   <td>{{DOMxRef("AudioProcessingEvent")}} {{Deprecated_Inline}}</td>
-   <td>{{SpecName('Web Audio API', '#AudioProcessingEvent', 'audioprocess')}}</td>
-   <td>一个{{DOMxRef("ScriptProcessorNode")}} 的输入缓冲区可处理</td>
-  </tr>
-  <tr>
-   <td>{{Event("audioend")}} {{Experimental_Inline}}</td>
-   <td>{{DOMxRef("Event")}}</td>
-   <td>{{SpecName('Web Speech API')}}</td>
-   <td>用户代理捕捉到用以语音识别的音频</td>
-  </tr>
-  <tr>
-   <td>{{Event("audiostart")}} {{Experimental_Inline}}</td>
-   <td>{{DOMxRef("Event")}}</td>
-   <td>{{SpecName('Web Speech API')}}</td>
-   <td>用户代理开始捕捉用以语音识别的音频</td>
-  </tr>
-  <tr>
-   <td>{{Event("beforeprint")}}</td>
-   <td>{{DOMxRef("Event")}}</td>
-   <td><a href="http://www.w3.org/TR/html5/webappapis.html#printing">HTML5</a></td>
-   <td>相关文档将要开始打印或准备打印预览</td>
-  </tr>
-  <tr>
-   <td>{{Event("beforeunload")}}</td>
-   <td>{{DOMxRef("BeforeUnloadEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/html5/browsers.html#unloading-documents">HTML5</a></td>
-   <td>即将卸载 window，document 及其资源</td>
-  </tr>
-  <tr>
-   <td>{{Event("beginEvent")}}</td>
-   <td>{{DOMxRef("TimeEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/SVG/interact.html#SVGEvents">SVG</a></td>
-   <td>A <a href="/zh-CN/docs/SVG/SVG_animation_with_SMIL">SMIL</a> animation element begins.</td>
-  </tr>
-  <tr>
-   <td><code><a href="/zh-CN/docs/Web/Reference/Events/blocked_indexedDB">blocked</a></code></td>
-   <td></td>
-   <td><a href="http://www.w3.org/TR/IndexedDB/#request-api">IndexedDB</a></td>
-   <td>An open connection to a database is blocking a <code>versionchange</code> transaction on the same database.</td>
-  </tr>
-  <tr>
-   <td>{{Event("blur")}}</td>
-   <td>{{DOMxRef("FocusEvent")}} {{Experimental_Inline}}</td>
-   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-blur">DOM L3</a></td>
-   <td>An element has lost focus (does not bubble).</td>
-  </tr>
-  <tr>
-   <td>{{Event("boundary")}} {{Experimental_Inline}}</td>
-   <td>{{DOMxRef("SpeechSynthesisEvent")}}</td>
-   <td>{{SpecName('Web Speech API')}}</td>
-   <td>The spoken utterance reaches a word or sentence boundary</td>
-  </tr>
-  <tr>
-   <td>{{Event("canplay")}}</td>
-   <td>{{DOMxRef("Event")}}</td>
-   <td><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-canplay">HTML5 media</a></td>
-   <td>The user agent can play the media, but estimates that not enough data has been loaded to play the media up to its end without having to stop for further buffering of content.</td>
-  </tr>
-  <tr>
-   <td>{{Event("canplaythrough")}}</td>
-   <td>{{DOMxRef("Event")}}</td>
-   <td><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-canplaythrough">HTML5 media</a></td>
-   <td>The user agent can play the media up to its end without having to stop for further buffering of content.</td>
-  </tr>
-  <tr>
-   <td>{{Event("change")}}</td>
-   <td>{{DOMxRef("Event")}}</td>
-   <td><a href="http://www.w3.org/TR/DOM-Level-2-Events/events.html">DOM L2</a>, <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/common-input-element-attributes.html#event-input-change">HTML5</a></td>
-   <td>The <code>change</code> event is fired for {{HTMLElement("input")}}, {{HTMLElement("select")}}, and {{HTMLElement("textarea")}} elements when a change to the element's value is committed by the user.</td>
-  </tr>
-  <tr>
-   <td>{{Event("chargingchange")}}</td>
-   <td>{{DOMxRef("Event")}}</td>
-   <td><a href="https://dvcs.w3.org/hg/dap/raw-file/tip/battery/Overview.html">Battery status</a></td>
-   <td>The battery begins or stops charging.</td>
-  </tr>
-  <tr>
-   <td>{{Event("chargingtimechange")}}</td>
-   <td>{{DOMxRef("Event")}}</td>
-   <td><a href="https://dvcs.w3.org/hg/dap/raw-file/tip/battery/Overview.html">Battery status</a></td>
-   <td>The <code>chargingTime</code> attribute has been updated.</td>
-  </tr>
-  <tr>
-   <td>{{Event("click")}}</td>
-   <td>{{DOMxRef("MouseEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-click">DOM L3</a></td>
-   <td>A pointing device button has been pressed and released on an element.</td>
-  </tr>
-  <tr>
-   <td><code><a href="/zh-CN/docs/Web/Reference/Events/close_websocket">close</a></code></td>
-   <td>{{DOMxRef("Event")}}</td>
-   <td><a href="http://www.w3.org/TR/websockets/">WebSocket</a></td>
-   <td>A WebSocket connection has been closed.</td>
-  </tr>
-  <tr>
-   <td><code><a href="/zh-CN/docs/Web/Reference/Events/complete_indexedDB">complete</a></code></td>
-   <td></td>
-   <td><a href="http://www.w3.org/TR/IndexedDB/#transaction">IndexedDB</a></td>
-   <td>A transaction successfully completed.</td>
-  </tr>
-  <tr>
-   <td>{{Event("complete")}}</td>
-   <td>{{DOMxRef("OfflineAudioCompletionEvent")}} {{Deprecated_Inline}}</td>
-   <td>{{SpecName('Web Audio API', '#OfflineAudioCompletionEvent-section', 'OfflineAudioCompletionEvent')}}</td>
-   <td>The rendering of an {{DOMxRef("OfflineAudioContext")}} is terminated.</td>
-  </tr>
-  <tr>
-   <td>{{Event("compositionend")}}</td>
-   <td>{{DOMxRef("CompositionEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-compositionend">DOM L3</a></td>
-   <td>The composition of a passage of text has been completed or canceled.</td>
-  </tr>
-  <tr>
-   <td>{{Event("compositionstart")}}</td>
-   <td>{{DOMxRef("CompositionEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-compositionstart">DOM L3</a></td>
-   <td>The composition of a passage of text is prepared (similar to keydown for a keyboard input, but works with other inputs such as speech recognition).</td>
-  </tr>
-  <tr>
-   <td>{{Event("compositionupdate")}}</td>
-   <td>{{DOMxRef("CompositionEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-compositionupdate">DOM L3</a></td>
-   <td>A character is added to a passage of text being composed.</td>
-  </tr>
-  <tr>
-   <td>{{Event("contextmenu")}}</td>
-   <td>{{DOMxRef("MouseEvent")}}</td>
-   <td><a href="https://html.spec.whatwg.org/multipage/forms.html#context-menus">HTML5</a></td>
-   <td>The right button of the mouse is clicked (before the context menu is displayed).</td>
-  </tr>
-  <tr>
-   <td>{{Event("copy")}}</td>
-   <td>{{DOMxRef("ClipboardEvent")}} {{Experimental_Inline}}</td>
-   <td><a href="http://www.w3.org/TR/clipboard-apis/#copy-event">Clipboard</a></td>
-   <td>The text selection has been added to the clipboard.</td>
-  </tr>
-  <tr>
-   <td>{{Event("cut")}}</td>
-   <td>{{DOMxRef("ClipboardEvent")}} {{Experimental_Inline}}</td>
-   <td><a href="http://www.w3.org/TR/clipboard-apis/#cut-event">Clipboard</a></td>
-   <td>The text selection has been removed from the document and added to the clipboard.</td>
-  </tr>
-  <tr>
-   <td>{{Event("dblclick")}}</td>
-   <td>{{DOMxRef("MouseEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-dblclick">DOM L3</a></td>
-   <td>A pointing device button is clicked twice on an element.</td>
-  </tr>
-  <tr>
-   <td>{{Event("devicechange")}}</td>
-   <td>{{DOMxRef("Event")}}</td>
-   <td>{{SpecName("Media Capture")}}</td>
-   <td>A media device such as a camera, microphone, or speaker is connected or removed from the system.</td>
-  </tr>
-  <tr>
-   <td>{{Event("devicemotion")}}</td>
-   <td>{{DOMxRef("DeviceMotionEvent")}} {{Experimental_Inline}}</td>
-   <td><a href="http://dev.w3.org/geo/api/spec-source-orientation.html">Device Orientation Events</a></td>
-   <td>Fresh data is available from a motion sensor.</td>
-  </tr>
-  <tr>
-   <td>{{Event("deviceorientation")}}</td>
-   <td>{{DOMxRef("DeviceOrientationEvent")}} {{Experimental_Inline}}</td>
-   <td><a href="http://dev.w3.org/geo/api/spec-source-orientation.html">Device Orientation Events</a></td>
-   <td>Fresh data is available from an orientation sensor.</td>
-  </tr>
-  <tr>
-   <td>{{Event("dischargingtimechange")}}</td>
-   <td>{{DOMxRef("Event")}}</td>
-   <td><a href="https://dvcs.w3.org/hg/dap/raw-file/tip/battery/Overview.html">Battery status</a></td>
-   <td>The <code>dischargingTime</code> attribute has been updated.</td>
-  </tr>
-  <tr>
-   <td><code>DOMActivate</code> {{Deprecated_Inline}}</td>
-   <td>{{DOMxRef("UIEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMActivate">DOM L3</a></td>
-   <td>A button, link or state changing element is activated (use {{Event("click")}} instead).</td>
-  </tr>
-  <tr>
-   <td><code><a href="/zh-CN/docs/DOM/Mutation_events">DOMAttributeNameChanged</a></code> {{Deprecated_Inline}}</td>
-   <td>{{DOMxRef("MutationNameEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/2011/WD-DOM-Level-3-Events-20110531/#event-type-DOMAttributeNameChanged">DOM L3</a> Removed</td>
-   <td>The name of an attribute changed (use <a href="/zh-CN/docs/DOM/MutationObserver">mutation observers</a> instead).</td>
-  </tr>
-  <tr>
-   <td><code><a href="/zh-CN/docs/DOM/Mutation_events">DOMAttrModified</a></code> {{Deprecated_Inline}}</td>
-   <td>{{DOMxRef("MutationEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMAttrModified">DOM L3</a></td>
-   <td>The value of an attribute has been modified (use <a href="/zh-CN/docs/DOM/MutationObserver">mutation observers</a> instead).</td>
-  </tr>
-  <tr>
-   <td><code><a href="/zh-CN/docs/DOM/Mutation_events">DOMCharacterDataModified</a></code> {{Deprecated_Inline}}</td>
-   <td>{{DOMxRef("MutationEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMCharacterDataModified">DOM L3</a></td>
-   <td>A text or another <a href="/zh-CN/docs/DOM/CharacterData">CharacterData</a> has changed (use <a href="/zh-CN/docs/DOM/MutationObserver">mutation observers</a> instead).</td>
-  </tr>
-  <tr>
-   <td>{{Event("DOMContentLoaded")}}</td>
-   <td>{{DOMxRef("Event")}}</td>
-   <td><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-end.html#the-end">HTML5</a></td>
-   <td>The document has finished loading (but not its dependent resources).</td>
-  </tr>
-  <tr>
-   <td><code><a href="/zh-CN/docs/DOM/Mutation_events">DOMElementNameChanged</a></code> {{Deprecated_Inline}}</td>
-   <td>{{DOMxRef("MutationNameEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/2011/WD-DOM-Level-3-Events-20110531/#event-type-DOMElementNameChanged">DOM L3</a> Removed</td>
-   <td>The name of an element changed (use <a href="/zh-CN/docs/DOM/MutationObserver">mutation observers</a> instead).</td>
-  </tr>
-  <tr>
-   <td><code>DOMFocusIn</code> {{Deprecated_Inline}}</td>
-   <td>{{DOMxRef("FocusEvent")}} {{Experimental_Inline}}</td>
-   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMFocusIn">DOM L3</a></td>
-   <td>An element has received focus (use {{Event("focus")}} or {{Event("focusin")}} instead).</td>
-  </tr>
-  <tr>
-   <td><code>DOMFocusOut</code> {{Deprecated_Inline}}</td>
-   <td>{{DOMxRef("FocusEvent")}} {{Experimental_Inline}}</td>
-   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMFocusOut">DOM L3</a></td>
-   <td>An element has lost focus (use {{Event("blur")}} or {{Event("focusout")}} instead).</td>
-  </tr>
-  <tr>
-   <td><code><a href="/zh-CN/docs/DOM/Mutation_events">DOMNodeInserted</a></code> {{Deprecated_Inline}}</td>
-   <td>{{DOMxRef("MutationEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMNodeInserted">DOM L3</a></td>
-   <td>A node has been added as a child of another node (use <a href="/zh-CN/docs/DOM/MutationObserver">mutation observers</a> instead).</td>
-  </tr>
-  <tr>
-   <td><code><a href="/zh-CN/docs/DOM/Mutation_events">DOMNodeInsertedIntoDocument</a></code> {{Deprecated_Inline}}</td>
-   <td>{{DOMxRef("MutationEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMNodeInsertedIntoDocument">DOM L3</a></td>
-   <td>A node has been inserted into the document (use <a href="/zh-CN/docs/DOM/MutationObserver">mutation observers</a> instead).</td>
-  </tr>
-  <tr>
-   <td><code><a href="/zh-CN/docs/DOM/Mutation_events">DOMNodeRemoved</a></code> {{Deprecated_Inline}}</td>
-   <td>{{DOMxRef("MutationEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMNodeRemoved">DOM L3</a></td>
-   <td>A node has been removed from its parent node (use <a href="/zh-CN/docs/DOM/MutationObserver">mutation observers</a> instead).</td>
-  </tr>
-  <tr>
-   <td><code><a href="/zh-CN/docs/DOM/Mutation_events">DOMNodeRemovedFromDocument</a></code> {{Deprecated_Inline}}</td>
-   <td>{{DOMxRef("MutationEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMNodeRemovedFromDocument">DOM L3</a></td>
-   <td>A node has been removed from the document (use <a href="/zh-CN/docs/DOM/MutationObserver">mutation observers</a> instead).</td>
-  </tr>
-  <tr>
-   <td><code><a href="/zh-CN/docs/DOM/Mutation_events">DOMSubtreeModified</a></code> {{Deprecated_Inline}}</td>
-   <td>{{DOMxRef("MutationEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMSubtreeModified">DOM L3</a></td>
-   <td>A change happened in the document (use <a href="/zh-CN/docs/DOM/MutationObserver">mutation observers</a> instead).</td>
-  </tr>
-  <tr>
-   <td>{{Event("drag")}}</td>
-   <td>{{DOMxRef("DragEvent")}}</td>
-   <td><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/dnd.html#event-drag">HTML5</a></td>
-   <td>An element or text selection is being dragged (every 350ms).</td>
-  </tr>
-  <tr>
-   <td>{{Event("dragend")}}</td>
-   <td>{{DOMxRef("DragEvent")}}</td>
-   <td><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/dnd.html#event-dragend">HTML5</a></td>
-   <td>A drag operation is being ended (by releasing a mouse button or hitting the escape key).</td>
-  </tr>
-  <tr>
-   <td>{{Event("dragenter")}}</td>
-   <td>{{DOMxRef("DragEvent")}}</td>
-   <td><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/dnd.html#event-dragenter">HTML5</a></td>
-   <td>A dragged element or text selection enters a valid drop target.</td>
-  </tr>
-  <tr>
-   <td>{{Event("dragleave")}}</td>
-   <td>{{DOMxRef("DragEvent")}}</td>
-   <td><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/dnd.html#event-dragleave">HTML5</a></td>
-   <td>A dragged element or text selection leaves a valid drop target.</td>
-  </tr>
-  <tr>
-   <td>{{Event("dragover")}}</td>
-   <td>{{DOMxRef("DragEvent")}}</td>
-   <td><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/dnd.html#event-dragover">HTML5</a></td>
-   <td>An element or text selection is being dragged over a valid drop target (every 350ms).</td>
-  </tr>
-  <tr>
-   <td>{{Event("dragstart")}}</td>
-   <td>{{DOMxRef("DragEvent")}}</td>
-   <td><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/dnd.html#event-dragstart">HTML5</a></td>
-   <td>The user starts dragging an element or text selection.</td>
-  </tr>
-  <tr>
-   <td>{{Event("drop")}}</td>
-   <td>{{DOMxRef("DragEvent")}}</td>
-   <td><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/dnd.html#event-drop">HTML5</a></td>
-   <td>An element is dropped on a valid drop target.</td>
-  </tr>
-  <tr>
-   <td>{{Event("durationchange")}}</td>
-   <td>{{DOMxRef("Event")}}</td>
-   <td><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-durationchange">HTML5 media</a></td>
-   <td>The <code>duration</code> attribute has been updated.</td>
-  </tr>
-  <tr>
-   <td>{{Event("emptied")}}</td>
-   <td>{{DOMxRef("Event")}}</td>
-   <td><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-emptied">HTML5 media</a></td>
-   <td>The media has become empty; for example, this event is sent if the media has already been loaded (or partially loaded), and the <a href="/zh-CN/docs/XPCOM_Interface_Reference/NsIDOMHTMLMediaElement"><code>load()</code></a> method is called to reload it.</td>
-  </tr>
-  <tr>
-   <td>{{Event("end_(SpeechRecognition)","end")}} {{Experimental_Inline}}</td>
-   <td>{{DOMxRef("Event")}}</td>
-   <td>{{SpecName('Web Speech API')}}</td>
-   <td>The speech recognition service has disconnected.</td>
-  </tr>
-  <tr>
-   <td>{{Event("end_(SpeechSynthesis)","end")}} {{Experimental_Inline}}</td>
-   <td>{{DOMxRef("SpeechSynthesisEvent")}}</td>
-   <td>{{SpecName("Web Speech API")}}</td>
-   <td>The utterance has finished being spoken.</td>
-  </tr>
-  <tr>
-   <td>{{Event("ended")}}</td>
-   <td>{{DOMxRef("Event")}}</td>
-   <td><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-ended">HTML5 media</a></td>
-   <td>Playback has stopped because the end of the media was reached.</td>
-  </tr>
-  <tr>
-   <td>{{Event("ended_(Web_Audio)", "ended")}}</td>
-   <td>{{DOMxRef("Event")}}</td>
-   <td>{{SpecName("Web Audio API")}}</td>
-   <td>Playback has stopped because the end of the media was reached.</td>
-  </tr>
-  <tr>
-   <td>{{Event("endEvent")}}</td>
-   <td>{{DOMxRef("TimeEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/SVG/interact.html#SVGEvents">SVG</a></td>
-   <td>A <a href="/zh-CN/docs/SVG/SVG_animation_with_SMIL">SMIL</a> animation element ends.</td>
-  </tr>
-  <tr>
-   <td>{{Event("error")}}</td>
-   <td>{{DOMxRef("UIEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-error">DOM L3</a></td>
-   <td>A resource failed to load.</td>
-  </tr>
-  <tr>
-   <td>{{Event("error")}}</td>
-   <td>{{DOMxRef("ProgressEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/progress-events/">Progress</a> and <a href="http://www.w3.org/TR/XMLHttpRequest/#event-xhr-error">XMLHttpRequest</a></td>
-   <td>Progression has failed.</td>
-  </tr>
-  <tr>
-   <td>{{Event("error")}}</td>
-   <td>{{DOMxRef("Event")}}</td>
-   <td><a href="http://www.w3.org/TR/websockets/">WebSocket</a></td>
-   <td>A WebSocket connection has been closed with prejudice (some data couldn't be sent for example).</td>
-  </tr>
-  <tr>
-   <td>{{Event("error")}}</td>
-   <td>{{DOMxRef("Event")}}</td>
-   <td><a href="http://dev.w3.org/html5/eventsource/">Server Sent Events</a></td>
-   <td>An event source connection has been failed.</td>
-  </tr>
-  <tr>
-   <td>{{Event("error")}}</td>
-   <td>{{DOMxRef("Event")}}</td>
-   <td><a href="http://www.w3.org/TR/IndexedDB/#request-api">IndexedDB</a></td>
-   <td>A request caused an error and failed.</td>
-  </tr>
-  <tr>
-   <td>{{Event("error_(SpeechRecognitionError)","error")}} {{Experimental_Inline}}</td>
-   <td>{{DOMxRef("Event")}}</td>
-   <td>{{SpecName('Web Speech API')}}</td>
-   <td>A speech recognition error occurs.</td>
-  </tr>
-  <tr>
-   <td>{{Event("error_(SpeechSynthesisError)","error")}}</td>
-   <td>{{DOMxRef("SpeechSynthesisErrorEvent")}}</td>
-   <td>{{SpecName('Web Speech API')}}</td>
-   <td>An error occurs that prevents the utterance from being successfully spoken.</td>
-  </tr>
-  <tr>
-   <td>{{Event("focus")}}</td>
-   <td>{{DOMxRef("FocusEvent")}} {{Experimental_Inline}}</td>
-   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-focus">DOM L3</a></td>
-   <td>An element has received focus (does not bubble).</td>
-  </tr>
-  <tr>
-   <td>{{Event("focusin")}}</td>
-   <td>{{DOMxRef("FocusEvent")}} {{Experimental_Inline}}</td>
-   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-focusIn">DOM L3</a></td>
-   <td>An element is about to receive focus (bubbles).</td>
-  </tr>
-  <tr>
-   <td>{{Event("focusout")}}</td>
-   <td>{{DOMxRef("FocusEvent")}} {{Experimental_Inline}}</td>
-   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-focusout">DOM L3</a></td>
-   <td>An element is about to lose focus (bubbles).</td>
-  </tr>
-  <tr>
-   <td>{{Event("fullscreenchange")}}</td>
-   <td>{{DOMxRef("Event")}}</td>
-   <td><a href="https://dvcs.w3.org/hg/fullscreen/raw-file/tip/Overview.html#api">Full Screen</a></td>
-   <td>An element was turned to fullscreen mode or back to normal mode.</td>
-  </tr>
-  <tr>
-   <td>{{Event("fullscreenerror")}}</td>
-   <td>{{DOMxRef("Event")}}</td>
-   <td><a href="https://dvcs.w3.org/hg/fullscreen/raw-file/tip/Overview.html#api">Full Screen</a></td>
-   <td>It was impossible to switch to fullscreen mode for technical reasons or because the permission was denied.</td>
-  </tr>
-  <tr>
-   <td>{{Event("gamepadconnected")}}</td>
-   <td>{{DOMxRef("GamepadEvent")}} {{Experimental_Inline}}</td>
-   <td><a href="http://www.w3.org/TR/gamepad/#the-gamepadconnected-event">Gamepad</a></td>
-   <td>A gamepad has been connected.</td>
-  </tr>
-  <tr>
-   <td>{{Event("gamepaddisconnected")}}</td>
-   <td>{{DOMxRef("GamepadEvent")}} {{Experimental_Inline}}</td>
-   <td><a href="http://www.w3.org/TR/gamepad/#the-gamepaddisconnected-event">Gamepad</a></td>
-   <td>A gamepad has been disconnected.</td>
-  </tr>
-  <tr>
-   <td>{{Event("gotpointercapture")}}</td>
-   <td>{{DOMxRef("PointerEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/pointerevents/#the-gotpointercapture-event">Pointer Events</a></td>
-   <td>Element receives pointer capture.</td>
-  </tr>
-  <tr>
-   <td>{{Event("hashchange")}}</td>
-   <td>{{DOMxRef("HashChangeEvent")}}</td>
-   <td><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/history.html#event-hashchange">HTML5</a></td>
-   <td>The fragment identifier of the URL has changed (the part of the URL after the #).</td>
-  </tr>
-  <tr>
-   <td>{{Event("lostpointercapture")}}</td>
-   <td>{{DOMxRef("PointerEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/pointerevents/#the-lostpointercapture-event">Pointer Events</a></td>
-   <td>Element lost pointer capture.</td>
-  </tr>
-  <tr>
-   <td>{{Event("input")}}</td>
-   <td>{{DOMxRef("Event")}}</td>
-   <td><a href="http://www.w3.org/TR/html5/forms.html#common-event-behaviors">HTML5</a></td>
-   <td>The value of an element changes or the content of an element with the attribute <a href="/zh-CN/docs/DOM/Element.contentEditable">contenteditable</a> is modified.</td>
-  </tr>
-  <tr>
-   <td>{{Event("invalid")}}</td>
-   <td>{{DOMxRef("Event")}}</td>
-   <td><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/association-of-controls-and-forms.html#constraint-validation">HTML5</a></td>
-   <td>A submittable element has been checked and doesn't satisfy its constraints.</td>
-  </tr>
-  <tr>
-   <td>{{Event("keydown")}}</td>
-   <td>{{DOMxRef("KeyboardEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-keydown">DOM L3</a></td>
-   <td>A key is pressed down.</td>
-  </tr>
-  <tr>
-   <td>{{Event("keypress")}}</td>
-   <td>{{DOMxRef("KeyboardEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-keypress">DOM L3</a></td>
-   <td>A key is pressed down and that key normally produces a character value (use input instead).</td>
-  </tr>
-  <tr>
-   <td>{{Event("keyup")}}</td>
-   <td>{{DOMxRef("KeyboardEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-keyup">DOM L3</a></td>
-   <td>A key is released.</td>
-  </tr>
-  <tr>
-   <td>{{Event("languagechange")}} {{Experimental_Inline}}</td>
-   <td>{{DOMxRef("Event")}}</td>
-   <td>{{ SpecName('HTML5.1', '#dom-navigator-languages', 'NavigatorLanguage.languages') }}</td>
-   <td>The user's preferred languages have changed.</td>
-  </tr>
-  <tr>
-   <td>{{Event("levelchange")}}</td>
-   <td>{{DOMxRef("Event")}}</td>
-   <td><a href="https://dvcs.w3.org/hg/dap/raw-file/tip/battery/Overview.html">Battery status</a></td>
-   <td>The <code>level</code> attribute has been updated.</td>
-  </tr>
-  <tr>
-   <td>{{Event("load")}}</td>
-   <td>{{DOMxRef("UIEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-load">DOM L3</a></td>
-   <td>A resource and its dependent resources have finished loading.</td>
-  </tr>
-  <tr>
-   <td><code><a href="/zh-CN/docs/Web/Reference/Events/load_(ProgressEvent)">load</a></code></td>
-   <td>{{DOMxRef("ProgressEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/progress-events/">Progress</a> and <a href="http://www.w3.org/TR/XMLHttpRequest/#event-xhr-load">XMLHttpRequest</a></td>
-   <td>Progression has been successful.</td>
-  </tr>
-  <tr>
-   <td>{{Event("loadeddata")}}</td>
-   <td>{{DOMxRef("Event")}}</td>
-   <td><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-loadeddata">HTML5 media</a></td>
-   <td>The first frame of the media has finished loading.</td>
-  </tr>
-  <tr>
-   <td>{{Event("loadedmetadata")}}</td>
-   <td>{{DOMxRef("Event")}}</td>
-   <td><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-loadedmetadata">HTML5 media</a></td>
-   <td>The metadata has been loaded.</td>
-  </tr>
-  <tr>
-   <td>{{Event("loadend")}}</td>
-   <td>{{DOMxRef("ProgressEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/progress-events/">Progress</a> and <a href="http://www.w3.org/TR/XMLHttpRequest/#event-xhr-loadend">XMLHttpRequest</a></td>
-   <td>Progress has stopped (after "error", "abort" or "load" have been dispatched).</td>
-  </tr>
-  <tr>
-   <td>{{Event("loadstart")}}</td>
-   <td>{{DOMxRef("ProgressEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/progress-events/">Progress </a>and <a href="http://www.w3.org/TR/XMLHttpRequest/#event-xhr-loadstart">XMLHttpRequest</a></td>
-   <td>Progress has begun.</td>
-  </tr>
-  <tr>
-   <td>{{Event("mark")}} {{Experimental_Inline}}</td>
-   <td>{{DOMxRef("SpeechSynthesisEvent")}}</td>
-   <td>{{SpecName('Web Speech API')}}</td>
-   <td>The spoken utterance reaches a named SSML "mark" tag.</td>
-  </tr>
-  <tr>
-   <td><code><a href="/zh-CN/docs/Web/Reference/Events/message_websocket">message</a></code></td>
-   <td>{{DOMxRef("MessageEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/websockets/">WebSocket</a></td>
-   <td>A message is received through a WebSocket.</td>
-  </tr>
-  <tr>
-   <td><code><a href="/zh-CN/docs/Web/Reference/Events/message_webworker">message</a></code></td>
-   <td>{{DOMxRef("MessageEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/workers/#communicating-with-a-dedicated-worker">Web Workers</a></td>
-   <td>A message is received from a Web Worker.</td>
-  </tr>
-  <tr>
-   <td><code><a href="/zh-CN/docs/Web/Reference/Events/message_webmessaging">message</a></code></td>
-   <td>{{DOMxRef("MessageEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/webmessaging/">Web Messaging</a></td>
-   <td>A message is received from a child (i)frame or a parent window.</td>
-  </tr>
-  <tr>
-   <td><code><a href="/zh-CN/docs/Web/Reference/Events/message_serversentevents">message</a></code></td>
-   <td>{{DOMxRef("MessageEvent")}}</td>
-   <td><a href="http://dev.w3.org/html5/eventsource/">Server Sent Events</a></td>
-   <td>A message is received through an event source.</td>
-  </tr>
-  <tr>
-   <td>{{Event("messageerror")}}</td>
-   <td>{{DOMxRef("MessageEvent")}}</td>
-   <td>{{DOMxRef("MessagePort")}}, <a href="/zh-CN/docs/Web/API/Web_Workers_API">Web Workers</a>, <a href="/zh-CN/docs/Web/API/Broadcast_Channel_API">Broadcast Channel</a>, {{DOMxRef("Window")}}</td>
-   <td>A message error is raised when a message is received by an object.</td>
-  </tr>
-  <tr>
-   <td>{{Event("message_(ServiceWorker)","message")}} {{Experimental_Inline}}</td>
-   <td>{{DOMxRef("ServiceWorkerMessageEvent")}} or {{DOMxRef("ExtendableMessageEvent")}}, depending on context.</td>
-   <td><a href="/zh-CN/docs/Web/API/Service_Worker_API">Service Workers</a></td>
-   <td>A message is received from a service worker, or a message is received in a service worker from another context.</td>
-  </tr>
-  <tr>
-   <td>{{Event("mousedown")}}</td>
-   <td>{{DOMxRef("MouseEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-mousedown">DOM L3</a></td>
-   <td>A pointing device button (usually a mouse) is pressed on an element.</td>
-  </tr>
-  <tr>
-   <td>{{Event("mouseenter")}}</td>
-   <td>{{DOMxRef("MouseEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-mouseenter">DOM L3</a></td>
-   <td>A pointing device is moved onto the element that has the listener attached.</td>
-  </tr>
-  <tr>
-   <td>{{Event("mouseleave")}}</td>
-   <td>{{DOMxRef("MouseEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-mouseleave">DOM L3</a></td>
-   <td>A pointing device is moved off the element that has the listener attached.</td>
-  </tr>
-  <tr>
-   <td>{{Event("mousemove")}}</td>
-   <td>{{DOMxRef("MouseEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-mousemove">DOM L3</a></td>
-   <td>A pointing device is moved over an element.</td>
-  </tr>
-  <tr>
-   <td>{{Event("mouseout")}}</td>
-   <td>{{DOMxRef("MouseEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-mouseout">DOM L3</a></td>
-   <td>A pointing device is moved off the element that has the listener attached or off one of its children.</td>
-  </tr>
-  <tr>
-   <td>{{Event("mouseover")}}</td>
-   <td>{{DOMxRef("MouseEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-mouseover">DOM L3</a></td>
-   <td>A pointing device is moved onto the element that has the listener attached or onto one of its children.</td>
-  </tr>
-  <tr>
-   <td>{{Event("mouseup")}}</td>
-   <td>{{DOMxRef("MouseEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-mouseup">DOM L3</a></td>
-   <td>A pointing device button is released over an element.</td>
-  </tr>
-  <tr>
-   <td>{{Event("nomatch")}} {{Experimental_Inline}}</td>
-   <td>{{DOMxRef("SpeechRecognitionEvent")}}</td>
-   <td>{{SpecName('Web Speech API')}}</td>
-   <td>The speech recognition service returns a final result with no significant recognition.</td>
-  </tr>
-  <tr>
-   <td>{{Event("notificationclick")}}</td>
-   <td>{{DOMxRef("NotificationEvent")}} {{Experimental_Inline}}</td>
-   <td>{{SpecName('Web Notifications','#dom-serviceworkerglobalscope-onnotificationclick','onnotificationclick')}}</td>
-   <td>A system notification spawned by {{DOMxRef("ServiceWorkerRegistration.showNotification()")}} has been clicked.</td>
-  </tr>
-  <tr>
-   <td>{{Event("offline")}}</td>
-   <td>{{DOMxRef("Event")}}</td>
-   <td><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/offline.html#event-offline">HTML5 offline</a></td>
-   <td>The browser has lost access to the network.</td>
-  </tr>
-  <tr>
-   <td>{{Event("online")}}</td>
-   <td>{{DOMxRef("Event")}}</td>
-   <td><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/offline.html#event-online">HTML5 offline</a></td>
-   <td>The browser has gained access to the network (but particular websites might be unreachable).</td>
-  </tr>
-  <tr>
-   <td><code><a href="/zh-CN/docs/Web/Reference/Events/open_websocket">open</a></code></td>
-   <td>{{DOMxRef("Event")}}</td>
-   <td><a href="http://www.w3.org/TR/websockets/">WebSocket</a></td>
-   <td>A WebSocket connection has been established.</td>
-  </tr>
-  <tr>
-   <td><code><a href="/zh-CN/docs/Web/Reference/Events/open_serversentevents">open</a></code></td>
-   <td>{{DOMxRef("Event")}}</td>
-   <td><a href="http://dev.w3.org/html5/eventsource/">Server Sent Events</a></td>
-   <td>An event source connection has been established.</td>
-  </tr>
-  <tr>
-   <td>{{Event("orientationchange")}}</td>
-   <td>{{DOMxRef("Event")}}</td>
-   <td><a href="http://www.w3.org/TR/screen-orientation/">Screen Orientation</a></td>
-   <td>The orientation of the device (portrait/landscape) has changed</td>
-  </tr>
-  <tr>
-   <td>{{Event("pagehide")}}</td>
-   <td>{{DOMxRef("PageTransitionEvent")}}</td>
-   <td><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/history.html#event-pagehide">HTML5</a></td>
-   <td>A session history entry is being traversed from.</td>
-  </tr>
-  <tr>
-   <td>{{Event("pageshow")}}</td>
-   <td>{{DOMxRef("PageTransitionEvent")}}</td>
-   <td><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/history.html#event-pageshow">HTML5</a></td>
-   <td>A session history entry is being traversed to.</td>
-  </tr>
-  <tr>
-   <td>{{Event("paste")}}</td>
-   <td>{{DOMxRef("ClipboardEvent")}} {{Experimental_Inline}}</td>
-   <td><a href="http://www.w3.org/TR/clipboard-apis/#paste-event">Clipboard</a></td>
-   <td>Data has been transferred from the system clipboard to the document.</td>
-  </tr>
-  <tr>
-   <td>{{Event("pause")}}</td>
-   <td>{{DOMxRef("Event")}}</td>
-   <td><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-pause">HTML5 media</a></td>
-   <td>Playback has been paused.</td>
-  </tr>
-  <tr>
-   <td>{{Event("pause_(SpeechSynthesis)", "pause")}} {{Experimental_Inline}}</td>
-   <td>{{DOMxRef("SpeechSynthesisEvent")}}</td>
-   <td>{{SpecName('Web Speech API')}}</td>
-   <td>The utterance is paused part way through.</td>
-  </tr>
-  <tr>
-   <td>{{Event("pointercancel")}}</td>
-   <td>{{DOMxRef("PointerEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/pointerevents/#the-pointercancel-event">Pointer Events</a></td>
-   <td>The pointer is unlikely to produce any more events.</td>
-  </tr>
-  <tr>
-   <td>{{Event("pointerdown")}}</td>
-   <td>{{DOMxRef("PointerEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/pointerevents/#the-pointerdown-event">Pointer Events</a></td>
-   <td>The pointer enters the active buttons state.</td>
-  </tr>
-  <tr>
-   <td>{{Event("pointerenter")}}</td>
-   <td>{{DOMxRef("PointerEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/pointerevents/#the-pointerenter-event">Pointer Events</a></td>
-   <td>Pointing device is moved inside the hit-testing boundary.</td>
-  </tr>
-  <tr>
-   <td>{{Event("pointerleave")}}</td>
-   <td>{{DOMxRef("PointerEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/pointerevents/#the-pointerleave-event">Pointer Events</a></td>
-   <td>Pointing device is moved out of the hit-testing boundary.</td>
-  </tr>
-  <tr>
-   <td>{{Event("pointerlockchange")}}</td>
-   <td>{{DOMxRef("Event")}}</td>
-   <td><a href="http://www.w3.org/TR/pointerlock/#pointerlockchange-and-pointerlockerror-events">Pointer Lock</a></td>
-   <td>The pointer was locked or released.</td>
-  </tr>
-  <tr>
-   <td>{{Event("pointerlockerror")}}</td>
-   <td>{{DOMxRef("Event")}}</td>
-   <td><a href="http://www.w3.org/TR/pointerlock/#pointerlockchange-and-pointerlockerror-events">Pointer Lock</a></td>
-   <td>It was impossible to lock the pointer for technical reasons or because the permission was denied.</td>
-  </tr>
-  <tr>
-   <td>{{Event("pointermove")}}</td>
-   <td>{{DOMxRef("PointerEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/pointerevents/#the-pointermove-event">Pointer Events</a></td>
-   <td>The pointer changed coordinates.</td>
-  </tr>
-  <tr>
-   <td>{{Event("pointerout")}}</td>
-   <td>{{DOMxRef("PointerEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/pointerevents/#the-pointerout-event">Pointer Events</a></td>
-   <td>The pointing device moved out of hit-testing boundary or leaves detectable hover range.</td>
-  </tr>
-  <tr>
-   <td>{{Event("pointerover")}}</td>
-   <td>{{DOMxRef("PointerEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/pointerevents/#the-pointerover-event">Pointer Events</a></td>
-   <td>The pointing device is moved into the hit-testing boundary.</td>
-  </tr>
-  <tr>
-   <td>{{Event("pointerup")}}</td>
-   <td>{{DOMxRef("PointerEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/pointerevents/#the-pointerup-event">Pointer Events</a></td>
-   <td>The pointer leaves the active buttons state.</td>
-  </tr>
-  <tr>
-   <td>{{Event("play")}}</td>
-   <td>{{DOMxRef("Event")}}</td>
-   <td><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-play">HTML5 media</a></td>
-   <td>Playback has begun.</td>
-  </tr>
-  <tr>
-   <td>{{Event("playing")}}</td>
-   <td>{{DOMxRef("Event")}}</td>
-   <td><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-playing">HTML5 media</a></td>
-   <td>Playback is ready to start after having been paused or delayed due to lack of data.</td>
-  </tr>
-  <tr>
-   <td>{{Event("popstate")}}</td>
-   <td>{{DOMxRef("PopStateEvent")}}</td>
-   <td><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/history.html#event-popstate">HTML5</a></td>
-   <td>A session history entry is being navigated to (in certain cases).</td>
-  </tr>
-  <tr>
-   <td>{{Event("progress")}}</td>
-   <td>{{DOMxRef("ProgressEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/progress-events/">Progress</a> and <a href="http://www.w3.org/TR/XMLHttpRequest/#event-xhr-progress">XMLHttpRequest</a></td>
-   <td>In progress.</td>
-  </tr>
-  <tr>
-   <td>{{Event("push")}}</td>
-   <td>{{DOMxRef("PushEvent")}} {{Experimental_Inline}}</td>
-   <td>{{SpecName("Push API")}}</td>
-   <td>A <a href="/zh-CN/docs/Web/API/Service_Worker_API">Service Worker</a> has received a push message.</td>
-  </tr>
-  <tr>
-   <td>{{Event("pushsubscriptionchange")}}</td>
-   <td>{{DOMxRef("PushEvent")}} {{Experimental_Inline}}</td>
-   <td>{{SpecName("Push API")}}</td>
-   <td>A <a href="/zh-CN/docs/Web/API/PushSubscription">PushSubscription</a> has expired.</td>
-  </tr>
-  <tr>
-   <td>{{Event("ratechange")}}</td>
-   <td>{{DOMxRef("Event")}}</td>
-   <td><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-ratechange">HTML5 media</a></td>
-   <td>The playback rate has changed.</td>
-  </tr>
-  <tr>
-   <td>{{Event("readystatechange")}}</td>
-   <td>{{DOMxRef("Event")}}</td>
-   <td>HTML5 and <a href="http://www.w3.org/TR/XMLHttpRequest/#event-xhr-readystatechange">XMLHttpRequest</a></td>
-   <td>The readyState attribute of a document has changed.</td>
-  </tr>
-  <tr>
-   <td>{{Event("repeatEvent")}}</td>
-   <td>{{DOMxRef("TimeEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/SVG/interact.html#SVGEvents">SVG</a></td>
-   <td>A <a href="/zh-CN/docs/SVG/SVG_animation_with_SMIL">SMIL</a> animation element is repeated.</td>
-  </tr>
-  <tr>
-   <td>{{Event("reset")}}</td>
-   <td>{{DOMxRef("Event")}}</td>
-   <td><a href="http://www.w3.org/TR/DOM-Level-2-Events/events.html">DOM L2</a>, <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/association-of-controls-and-forms.html#form-submission-0#resetting-a-form">HTML5</a></td>
-   <td>A form is reset.</td>
-  </tr>
-  <tr>
-   <td>{{Event("resize")}}</td>
-   <td>{{DOMxRef("UIEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-resize">DOM L3</a></td>
-   <td>The document view has been resized.</td>
-  </tr>
-  <tr>
-   <td>{{Event("resourcetimingbufferfull")}}</td>
-   <td>{{DOMxRef("Performance")}}</td>
-   <td><a href="https://w3c.github.io/resource-timing/#dom-performance-onresourcetimingbufferfull">Resource Timing</a></td>
-   <td>The browser's resource timing buffer is full.</td>
-  </tr>
-  <tr>
-   <td>{{Event("result")}} {{Experimental_Inline}}</td>
-   <td>{{DOMxRef("SpeechRecognitionEvent")}} {{Experimental_Inline}}</td>
-   <td>{{SpecName('Web Speech API')}}</td>
-   <td>The speech recognition service returns a result — a word or phrase has been positively recognized and this has been communicated back to the app.</td>
-  </tr>
-  <tr>
-   <td>{{Event("resume")}} {{Experimental_Inline}}</td>
-   <td>{{DOMxRef("SpeechSynthesisEvent")}} {{Experimental_Inline}}</td>
-   <td>{{SpecName('Web Speech API')}}</td>
-   <td>A paused utterance is resumed.</td>
-  </tr>
-  <tr>
-   <td>{{Event("scroll")}}</td>
-   <td>{{DOMxRef("UIEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-scroll">DOM L3</a></td>
-   <td>The document view or an element has been scrolled.</td>
-  </tr>
-  <tr>
-   <td>{{Event("seeked")}}</td>
-   <td>{{DOMxRef("Event")}}</td>
-   <td><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-seeked">HTML5 media</a></td>
-   <td>A <em>seek</em> operation completed.</td>
-  </tr>
-  <tr>
-   <td>{{Event("seeking")}}</td>
-   <td>{{DOMxRef("Event")}}</td>
-   <td><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-seeking">HTML5 media</a></td>
-   <td>A <em>seek</em> operation began.</td>
-  </tr>
-  <tr>
-   <td>{{Event("select")}}</td>
-   <td>{{DOMxRef("UIEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-select">DOM L3</a></td>
-   <td>Some text is being selected.</td>
-  </tr>
-  <tr>
-   <td>{{Event("selectstart")}} {{Experimental_Inline}}</td>
-   <td>{{DOMxRef("Event")}}</td>
-   <td>{{ SpecName('Selection API')}}</td>
-   <td>A selection just started.</td>
-  </tr>
-  <tr>
-   <td>{{Event("selectionchange")}} {{Experimental_Inline}}</td>
-   <td>{{DOMxRef("Event")}}</td>
-   <td>{{ SpecName('Selection API')}}</td>
-   <td>The selection in the document has been changed.</td>
-  </tr>
-  <tr>
-   <td>{{Event("show")}}</td>
-   <td>{{DOMxRef("MouseEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/html5/interactive-elements.html#context-menus">HTML5</a></td>
-   <td>A contextmenu event was fired on/bubbled to an element that has a <a href="/zh-CN/docs/DOM/element.contextmenu">contextmenu</a> attribute</td>
-  </tr>
-  <tr>
-   <td>{{Event("slotchange")}}</td>
-   <td>{{DOMxRef("Event")}}</td>
-   <td>{{ SpecName('DOM WHATWG')}}</td>
-   <td>The node contents of a {{DOMxRef("HTMLSlotElement")}} ({{htmlelement("slot")}}) have changed.</td>
-  </tr>
-  <tr>
-   <td>{{Event("soundend")}} {{Experimental_Inline}}</td>
-   <td>{{DOMxRef("Event")}}</td>
-   <td>{{SpecName('Web Speech API')}}</td>
-   <td>Any sound — recognisable speech or not — has stopped being detected.</td>
-  </tr>
-  <tr>
-   <td>{{Event("soundstart")}} {{Experimental_Inline}}</td>
-   <td>{{DOMxRef("Event")}}</td>
-   <td>{{SpecName('Web Speech API')}}</td>
-   <td>Any sound — recognisable speech or not — has been detected.</td>
-  </tr>
-  <tr>
-   <td>{{Event("speechend")}} {{Experimental_Inline}}</td>
-   <td>{{DOMxRef("Event")}}</td>
-   <td>{{SpecName('Web Speech API')}}</td>
-   <td>Speech recognised by the speech recognition service has stopped being detected.</td>
-  </tr>
-  <tr>
-   <td>{{Event("speechstart")}} {{Experimental_Inline}}</td>
-   <td>{{DOMxRef("Event")}}</td>
-   <td>{{SpecName('Web Speech API')}}</td>
-   <td>Sound that is recognised by the speech recognition service as speech has been detected.</td>
-  </tr>
-  <tr>
-   <td>{{Event("stalled")}}</td>
-   <td>{{DOMxRef("Event")}}</td>
-   <td><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-stalled">HTML5 media</a></td>
-   <td>The user agent is trying to fetch media data, but data is unexpectedly not forthcoming.</td>
-  </tr>
-  <tr>
-   <td>{{Event("start_(SpeechRecognition)","start")}} {{Experimental_Inline}}</td>
-   <td>{{DOMxRef("Event")}}</td>
-   <td>{{SpecName('Web Speech API')}}</td>
-   <td>The speech recognition service has begun listening to incoming audio with intent to recognize grammars associated with the current <code>SpeechRecognition</code>.</td>
-  </tr>
-  <tr>
-   <td>{{Event("start_(SpeechSynthesis)","start")}}</td>
-   <td>{{DOMxRef("SpeechSynthesisEvent")}}</td>
-   <td>{{SpecName('Web Speech API')}}</td>
-   <td>The utterance has begun to be spoken.</td>
-  </tr>
-  <tr>
-   <td>{{Event("storage")}}</td>
-   <td>{{DOMxRef("StorageEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/webstorage/#the-storage-event">Web Storage</a></td>
-   <td>A storage area (<a href="/zh-CN/docs/DOM/Storage#localStorage">localStorage</a> or <a href="/zh-CN/docs/DOM/Storage#sessionStorage">sessionStorage</a>) has changed.</td>
-  </tr>
-  <tr>
-   <td>{{Event("submit")}}</td>
-   <td>{{DOMxRef("Event")}}</td>
-   <td><a href="http://www.w3.org/TR/DOM-Level-2-Events/events.html">DOM L2</a>, <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/association-of-controls-and-forms.html#form-submission-algorithm">HTML5</a></td>
-   <td>A form is submitted.</td>
-  </tr>
-  <tr>
-   <td><code><a href="/zh-CN/docs/Web/Reference/Events/success_indexedDB">success</a></code></td>
-   <td>{{DOMxRef("Event")}}</td>
-   <td><a href="http://www.w3.org/TR/IndexedDB/#request-api">IndexedDB</a></td>
-   <td>A request successfully completed.</td>
-  </tr>
-  <tr>
-   <td>{{Event("suspend")}}</td>
-   <td>{{DOMxRef("Event")}}</td>
-   <td><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-suspend">HTML5 media</a></td>
-   <td>Media data loading has been suspended.</td>
-  </tr>
-  <tr>
-   <td>{{Event("SVGAbort")}}</td>
-   <td>{{DOMxRef("SVGEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/SVG/interact.html#SVGEvents">SVG</a></td>
-   <td>Page loading has been stopped before the <a href="/zh-CN/docs/SVG">SVG</a> was loaded.</td>
-  </tr>
-  <tr>
-   <td>{{Event("SVGError")}}</td>
-   <td>{{DOMxRef("SVGEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/SVG/interact.html#SVGEvents">SVG</a></td>
-   <td>An error has occurred before the <a href="/zh-CN/docs/SVG">SVG</a> was loaded.</td>
-  </tr>
-  <tr>
-   <td>{{Event("SVGLoad")}}</td>
-   <td>{{DOMxRef("SVGEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/SVG/interact.html#SVGEvents">SVG</a></td>
-   <td>An <a href="/zh-CN/docs/SVG">SVG</a> document has been loaded and parsed.</td>
-  </tr>
-  <tr>
-   <td>{{Event("SVGResize")}}</td>
-   <td>{{DOMxRef("SVGEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/SVG/interact.html#SVGEvents">SVG</a></td>
-   <td>An <a href="/zh-CN/docs/SVG">SVG</a> document is being resized.</td>
-  </tr>
-  <tr>
-   <td>{{Event("SVGScroll")}}</td>
-   <td>{{DOMxRef("SVGEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/SVG/interact.html#SVGEvents">SVG</a></td>
-   <td>An <a href="/zh-CN/docs/SVG">SVG</a> document is being scrolled.</td>
-  </tr>
-  <tr>
-   <td>{{Event("SVGUnload")}}</td>
-   <td>{{DOMxRef("SVGEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/SVG/interact.html#SVGEvents">SVG</a></td>
-   <td>An <a href="/zh-CN/docs/SVG">SVG</a> document has been removed from a window or frame.</td>
-  </tr>
-  <tr>
-   <td>{{Event("SVGZoom")}}</td>
-   <td>{{DOMxRef("SVGZoomEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/SVG/interact.html#SVGEvents">SVG</a></td>
-   <td>An <a href="/zh-CN/docs/SVG">SVG</a> document is being zoomed.</td>
-  </tr>
-  <tr>
-   <td>{{Event("timeout")}}</td>
-   <td>{{DOMxRef("ProgressEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/XMLHttpRequest/#event-xhr-timeout">XMLHttpRequest</a></td>
-   <td></td>
-  </tr>
-  <tr>
-   <td>{{Event("timeupdate")}}</td>
-   <td>{{DOMxRef("Event")}}</td>
-   <td><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-timeupdate">HTML5 media</a></td>
-   <td>The time indicated by the <code>currentTime</code> attribute has been updated.</td>
-  </tr>
-  <tr>
-   <td>{{Event("touchcancel")}}</td>
-   <td>{{DOMxRef("TouchEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/touch-events/">Touch Events</a></td>
-   <td>A touch point has been disrupted in an implementation-specific manners (too many touch points for example).</td>
-  </tr>
-  <tr>
-   <td>{{Event("touchend")}}</td>
-   <td>{{DOMxRef("TouchEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/touch-events/#the-touchend-event">Touch Events</a></td>
-   <td>A touch point is removed from the touch surface.</td>
-  </tr>
-  <tr>
-   <td>{{Event("touchmove")}}</td>
-   <td>{{DOMxRef("TouchEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/touch-events/#the-touchmove-event">Touch Events</a></td>
-   <td>A touch point is moved along the touch surface.</td>
-  </tr>
-  <tr>
-   <td>{{Event("touchstart")}}</td>
-   <td>{{DOMxRef("TouchEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/touch-events/#the-touchstart---------event">Touch Events</a></td>
-   <td>A touch point is placed on the touch surface.</td>
-  </tr>
-  <tr>
-   <td>{{Event("transitionend")}}</td>
-   <td>{{DOMxRef("TransitionEvent")}} {{Experimental_Inline}}</td>
-   <td><a href="http://www.w3.org/TR/css3-transitions/#transition-events">CSS Transitions</a></td>
-   <td>A <a href="/zh-CN/docs/CSS/CSS_transitions">CSS transition</a> has completed.</td>
-  </tr>
-  <tr>
-   <td>{{Event("unload")}}</td>
-   <td>{{DOMxRef("UIEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-unload">DOM L3</a></td>
-   <td>The document or a dependent resource is being unloaded.</td>
-  </tr>
-  <tr>
-   <td><code><a href="/zh-CN/docs/Web/Reference/Events/upgradeneeded_indexedDB">upgradeneeded</a></code></td>
-   <td></td>
-   <td><a href="http://www.w3.org/TR/IndexedDB/#request-api">IndexedDB</a></td>
-   <td>An attempt was made to open a database with a version number higher than its current version. A <code>versionchange</code> transaction has been created.</td>
-  </tr>
-  <tr>
-   <td>{{Event("userproximity")}}</td>
-   <td>{{DOMxRef("UserProximityEvent")}} {{Experimental_Inline}}</td>
-   <td>{{SpecName("Proximity Events")}}</td>
-   <td>Fresh data is available from a proximity sensor (indicates whether the nearby object is <code>near</code> the device or not).</td>
-  </tr>
-  <tr>
-   <td>{{Event("voiceschanged")}} {{Experimental_Inline}}</td>
-   <td>{{DOMxRef("Event")}}</td>
-   <td>{{SpecName('Web Speech API')}}</td>
-   <td>The list of {{DOMxRef("SpeechSynthesisVoice")}} objects that would be returned by the {{DOMxRef("SpeechSynthesis.getVoices()")}} method has changed (when the {{Event("voiceschanged")}} event fires.)</td>
-  </tr>
-  <tr>
-   <td><code><a href="/zh-CN/docs/Web/Reference/Events/versionchange_indexedDB">versionchange</a></code></td>
-   <td></td>
-   <td><a href="http://www.w3.org/TR/IndexedDB/#database-interface">IndexedDB</a></td>
-   <td>A <code>versionchange</code> transaction completed.</td>
-  </tr>
-  <tr>
-   <td>{{Event("visibilitychange")}}</td>
-   <td>{{DOMxRef("Event")}}</td>
-   <td><a href="http://www.w3.org/TR/page-visibility/#sec-visibilitychange-event">Page visibility</a></td>
-   <td>The content of a tab has become visible or has been hidden.</td>
-  </tr>
-  <tr>
-   <td>{{Event("volumechange")}}</td>
-   <td>{{DOMxRef("Event")}}</td>
-   <td><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-volumechange">HTML5 media</a></td>
-   <td>The volume has changed.</td>
-  </tr>
-  <tr>
-   <td>{{Event("waiting")}}</td>
-   <td>{{DOMxRef("Event")}}</td>
-   <td><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-waiting">HTML5 media</a></td>
-   <td>Playback has stopped because of a temporary lack of data.</td>
-  </tr>
-  <tr>
-   <td>{{Event("wheel")}}</td>
-   <td>{{DOMxRef("WheelEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-wheel">DOM L3</a></td>
-   <td>A wheel button of a pointing device is rotated in any direction.</td>
-  </tr>
- </tbody>
-</table>
-
-<h2 id="非标准事件">非标准事件</h2>
-
-<table class="standard-table">
- <thead>
-  <tr>
-   <th scope="col">Event Name</th>
-   <th scope="col">Event Type</th>
-   <th scope="col">Specification</th>
-   <th scope="col">Fired when...</th>
-  </tr>
- </thead>
- <tbody>
-  <tr>
-   <td>{{Event("afterscriptexecute")}}</td>
-   <td>{{DOMxRef("Event")}}</td>
-   <td><em>Mozilla Specific</em></td>
-   <td>A script has been executed.</td>
-  </tr>
-  <tr>
-   <td>{{Event("beforescriptexecute")}}</td>
-   <td>{{DOMxRef("Event")}}</td>
-   <td><em>Mozilla Specific</em></td>
-   <td>A script is about to be executed.</td>
-  </tr>
-  <tr>
-   <td>{{Event("beforeinstallprompt")}}</td>
-   <td>{{DOMxRef("Event")}}</td>
-   <td><em>Chrome specific</em></td>
-   <td>A user is prompted to save a web site to a home screen on mobile.</td>
-  </tr>
-  <tr>
-   <td>{{Event("cardstatechange")}}</td>
-   <td></td>
-   <td><em>Firefox OS specific</em></td>
-   <td>The {{DOMxRef("MozMobileConnection.cardState")}} property changes value.</td>
-  </tr>
-  <tr>
-   <td>{{Event("change")}}</td>
-   <td>{{DOMxRef("DeviceStorageChangeEvent")}}</td>
-   <td><em>Firefox OS specific</em></td>
-   <td>This event is triggered each time a file is created, modified or deleted on a given storage area.</td>
-  </tr>
-  <tr>
-   <td>{{Event("connectionInfoUpdate")}}</td>
-   <td></td>
-   <td><em>Firefox OS specific</em></td>
-   <td>The informations about the signal strength and the link speed have been updated.</td>
-  </tr>
-  <tr>
-   <td>{{Event("cfstatechange")}}</td>
-   <td></td>
-   <td><em>Firefox OS specific</em></td>
-   <td>The call forwarding state changes.</td>
-  </tr>
-  <tr>
-   <td>{{Event("datachange")}}</td>
-   <td></td>
-   <td><em>Firefox OS specific</em></td>
-   <td>The {{DOMxRef("MozMobileConnection.data")}} object changes values.</td>
-  </tr>
-  <tr>
-   <td>{{Event("dataerror")}}</td>
-   <td></td>
-   <td><em>Firefox OS specific</em></td>
-   <td>The {{DOMxRef("MozMobileConnection.data")}} object receive an error from the <abbr title="Radio Interface Layer">RIL</abbr>.</td>
-  </tr>
-  <tr>
-   <td>{{Event("DOMMouseScroll")}}{{Deprecated_Inline}}</td>
-   <td></td>
-   <td><em>Mozilla specific</em></td>
-   <td>The wheel button of a pointing device is rotated (detail attribute is a number of lines). (use {{Event("wheel")}} instead)</td>
-  </tr>
-  <tr>
-   <td><code>dragdrop</code> {{Deprecated_Inline}}</td>
-   <td><code>DragEvent</code></td>
-   <td><em>Mozilla specific</em></td>
-   <td>An element is dropped (use {{Event("drop")}} instead).</td>
-  </tr>
-  <tr>
-   <td><code>dragexit</code> {{Deprecated_Inline}}</td>
-   <td><code>DragEvent</code></td>
-   <td><em>Mozilla specific</em></td>
-   <td>A drag operation is being ended(use {{Event("dragend")}} instead).</td>
-  </tr>
-  <tr>
-   <td><code>draggesture</code> {{Deprecated_Inline}}</td>
-   <td><code>DragEvent</code></td>
-   <td><em>Mozilla specific</em></td>
-   <td>The user starts dragging an element or text selection (use {{Event("dragstart")}} instead).</td>
-  </tr>
-  <tr>
-   <td>{{Event("icccardlockerror")}}</td>
-   <td></td>
-   <td><em>Firefox OS specific</em></td>
-   <td>the {{DOMxRef("MozMobileConnection.unlockCardLock()")}} or {{DOMxRef("MozMobileConnection.setCardLock()")}} methods fails.</td>
-  </tr>
-  <tr>
-   <td>{{Event("iccinfochange")}}</td>
-   <td></td>
-   <td><em>Firefox OS specific</em></td>
-   <td>The {{DOMxRef("MozMobileConnection.iccInfo")}} object changes.</td>
-  </tr>
-  <tr>
-   <td>{{Event("localized")}}</td>
-   <td></td>
-   <td><em><a href="https://github.com/fabi1cazenave/webL10n">Mozilla Specific</a></em></td>
-   <td>The page has been localized using data-l10n-* attributes.</td>
-  </tr>
-  <tr>
-   <td>{{Event("mousewheel")}} {{Deprecated_Inline}}</td>
-   <td></td>
-   <td><a href="http://msdn.microsoft.com/en-us/library/ie/ms536951%28v=vs.85%29.aspx"><em>IE invented</em></a></td>
-   <td>The wheel button of a pointing device is rotated.</td>
-  </tr>
-  <tr>
-   <td>{{Event("MozAudioAvailable")}}</td>
-   <td>{{DOMxRef("Event")}}</td>
-   <td><em>Mozilla specific</em></td>
-   <td>The audio buffer is full and the corresponding raw samples are available.</td>
-  </tr>
-  <tr>
-   <td><a href="/zh-CN/docs/Web/Reference/Events/MozBeforeResize"><code>MozBeforeResize</code></a> {{Deprecated_Inline}}</td>
-   <td></td>
-   <td><em>Mozilla specific</em></td>
-   <td>A window is about to be resized.</td>
-  </tr>
-  <tr>
-   <td>{{Event("mozbrowseractivitydone")}}</td>
-   <td></td>
-   <td><em>Firefox OS <a href="/zh-CN/docs/Web/API/Browser_API">Browser API</a>-specific</em></td>
-   <td>Sent when some activity has been completed (complete description TBD.)</td>
-  </tr>
-  <tr>
-   <td>{{Event("mozbrowserasyncscroll")}}</td>
-   <td></td>
-   <td><em>Firefox OS <a href="/zh-CN/docs/Web/API/Browser_API">Browser API</a>-specific</em></td>
-   <td>Sent when the scroll position within a browser<code> </code>{{HTMLElement("iframe")}} changes.</td>
-  </tr>
-  <tr>
-   <td>{{Event("mozbrowseraudioplaybackchange")}}</td>
-   <td></td>
-   <td><em>Firefox OS <a href="/zh-CN/docs/Web/API/Browser_API">Browser API</a>-specific</em></td>
-   <td>Sent when audio starts or stops playing within the browser {{HTMLElement("iframe")}} content.</td>
-  </tr>
-  <tr>
-   <td>{{Event("mozbrowsercaretstatechanged")}}</td>
-   <td></td>
-   <td><em>Firefox OS <a href="/zh-CN/docs/Web/API/Browser_API">Browser API</a>-specific</em></td>
-   <td>Sent when the text selected inside the browser {{HTMLElement("iframe")}} content changes.</td>
-  </tr>
-  <tr>
-   <td>{{Event("mozbrowserclose")}}</td>
-   <td></td>
-   <td><em>Firefox OS <a href="/zh-CN/docs/Web/API/Browser_API">Browser API</a>-specific</em></td>
-   <td>Sent when window.close() is called within a browser {{HTMLElement("iframe")}}.</td>
-  </tr>
-  <tr>
-   <td>{{Event("mozbrowsercontextmenu")}}</td>
-   <td></td>
-   <td><em>Firefox OS <a href="/zh-CN/docs/Web/API/Browser_API">Browser API</a>-specific</em></td>
-   <td>Sent when a browser {{HTMLElement("iframe")}} try to open a context menu.</td>
-  </tr>
-  <tr>
-   <td>{{Event("mozbrowserdocumentfirstpaint")}}</td>
-   <td></td>
-   <td><em>Firefox OS <a href="/zh-CN/docs/Web/API/Browser_API">Browser API</a>-specific</em></td>
-   <td>Sent when a new paint occurs on any document in the browser {{HTMLElement("iframe")}}.</td>
-  </tr>
-  <tr>
-   <td>{{Event("mozbrowsererror")}}</td>
-   <td></td>
-   <td><em>Firefox OS <a href="/zh-CN/docs/Web/API/Browser_API">Browser API</a>-specific</em></td>
-   <td>Sent when an error occured while trying to load a content within a browser iframe</td>
-  </tr>
-  <tr>
-   <td>{{Event("mozbrowserfindchange")}}</td>
-   <td></td>
-   <td><em>Firefox OS <a href="/zh-CN/docs/Web/API/Browser_API">Browser API</a>-specific</em></td>
-   <td>Sent when a search operation is performed on the browser {{HTMLElement("iframe")}} content (see <a href="/zh-CN/docs/Web/API/HTMLIFrameElement#Search_methods">HTMLIFrameElement search methods</a>.)</td>
-  </tr>
-  <tr>
-   <td>{{Event("mozbrowserfirstpaint")}}</td>
-   <td></td>
-   <td><em>Firefox OS <a href="/zh-CN/docs/Web/API/Browser_API">Browser API</a>-specific</em></td>
-   <td>Sent when the {{HTMLElement("iframe")}} paints content for the first time (this doesn't include the initial paint from <em>about:blank</em>.)</td>
-  </tr>
-  <tr>
-   <td>{{Event("mozbrowsericonchange")}}</td>
-   <td></td>
-   <td><em>Firefox OS <a href="/zh-CN/docs/Web/API/Browser_API">Browser API</a>-specific</em></td>
-   <td>Sent when the favicon of a browser iframe changes.</td>
-  </tr>
-  <tr>
-   <td>{{Event("mozbrowserlocationchange")}}</td>
-   <td></td>
-   <td><em>Firefox OS <a href="/zh-CN/docs/Web/API/Browser_API">Browser API</a>-specific</em></td>
-   <td>Sent when an browser iframe's location changes.</td>
-  </tr>
-  <tr>
-   <td>{{Event("mozbrowserloadend")}}</td>
-   <td></td>
-   <td><em>Firefox OS <a href="/zh-CN/docs/Web/API/Browser_API">Browser API</a>-specific</em></td>
-   <td>Sent when the browser iframe has finished loading all its assets.</td>
-  </tr>
-  <tr>
-   <td>{{Event("mozbrowserloadstart")}}</td>
-   <td></td>
-   <td><em>Firefox OS <a href="/zh-CN/docs/Web/API/Browser_API">Browser API</a>-specific</em></td>
-   <td>Sent when the browser iframe starts to load a new page.</td>
-  </tr>
-  <tr>
-   <td>{{Event("mozbrowsermanifestchange")}}</td>
-   <td></td>
-   <td><em>Firefox OS <a href="/zh-CN/docs/Web/API/Browser_API">Browser API</a>-specific</em></td>
-   <td>Sent when a the path to the app manifest changes, in the case of a browser {{HTMLElement("iframe")}} with an open web app embedded in it.</td>
-  </tr>
-  <tr>
-   <td>{{Event("mozbrowsermetachange")}}</td>
-   <td></td>
-   <td><em>Firefox OS <a href="/zh-CN/docs/Web/API/Browser_API">Browser API</a>-specific</em></td>
-   <td>Sent when a {{htmlelement("meta")}} elelment is added to, removed from or changed in the browser {{HTMLElement("iframe")}}'s content.</td>
-  </tr>
-  <tr>
-   <td>{{Event("mozbrowseropensearch")}}</td>
-   <td></td>
-   <td><em>Firefox OS <a href="/zh-CN/docs/Web/API/Browser_API">Browser API</a>-specific</em></td>
-   <td>Sent when a link to a search engine is found.</td>
-  </tr>
-  <tr>
-   <td>{{Event("mozbrowseropentab")}}</td>
-   <td></td>
-   <td><em>Firefox OS <a href="/zh-CN/docs/Web/API/Browser_API">Browser API</a>-specific</em></td>
-   <td>Sent when a new tab is opened within a browser {{HTMLElement("iframe")}} as a result of the user issuing a command to open a link target in a new tab (for example <kbd>ctrl</kbd>/<kbd>cmd</kbd> + click.)</td>
-  </tr>
-  <tr>
-   <td>{{Event("mozbrowseropenwindow")}}</td>
-   <td></td>
-   <td><em>Firefox OS <a href="/zh-CN/docs/Web/API/Browser_API">Browser API</a>-specific</em></td>
-   <td>Sent when {{DOMxRef("window.open()")}} is called within a browser iframe.</td>
-  </tr>
-  <tr>
-   <td>{{Event("mozbrowserresize")}}</td>
-   <td></td>
-   <td><em>Firefox OS <a href="/zh-CN/docs/Web/API/Browser_API">Browser API</a>-specific</em></td>
-   <td>Sent when the browser {{HTMLElement("iframe")}}'s window size has changed.</td>
-  </tr>
-  <tr>
-   <td>{{Event("mozbrowserscroll")}}</td>
-   <td></td>
-   <td><em>Firefox OS <a href="/zh-CN/docs/Web/API/Browser_API">Browser API</a>-specific</em></td>
-   <td>Sent when the browser {{HTMLElement("iframe")}} content scrolls.</td>
-  </tr>
-  <tr>
-   <td>{{Event("mozbrowserscrollareachanged")}}</td>
-   <td></td>
-   <td><em>Firefox OS <a href="/zh-CN/docs/Web/API/Browser_API">Browser API</a>-specific</em></td>
-   <td>Sent when the available scrolling area in the browser {{HTMLElement("iframe")}} changes. This can occur on resize and when the page size changes (while loading for example.)</td>
-  </tr>
-  <tr>
-   <td>{{Event("mozbrowserscrollviewchange")}}</td>
-   <td></td>
-   <td><em>Firefox OS <a href="/zh-CN/docs/Web/API/Browser_API">Browser API</a>-specific</em></td>
-   <td>Sent when asynchronous scrolling (i.e. APCZ) starts or stops.</td>
-  </tr>
-  <tr>
-   <td>{{Event("mozbrowsersecuritychange")}}</td>
-   <td></td>
-   <td><em>Firefox OS <a href="/zh-CN/docs/Web/API/Browser_API">Browser API</a>-specific</em></td>
-   <td>Sent when the SSL state changes within a browser iframe.</td>
-  </tr>
-  <tr>
-   <td>{{Event("mozbrowserselectionstatechanged")}}</td>
-   <td></td>
-   <td><em>Firefox OS <a href="/zh-CN/docs/Web/API/Browser_API">Browser API</a>-specific</em></td>
-   <td>Sent when the text selected inside the browser {{HTMLElement("iframe")}} content changes. Note that this is deprecated, and newer implementations use {{Event("mozbrowsercaretstatechanged")}} instead.</td>
-  </tr>
-  <tr>
-   <td>{{Event("mozbrowsershowmodalprompt")}}</td>
-   <td></td>
-   <td><em>Firefox OS <a href="/zh-CN/docs/Web/API/Browser_API">Browser API</a>-specific</em></td>
-   <td>Sent when {{DOMxRef("window.alert","alert()")}}, {{DOMxRef("window.confirm","confirm()")}} or {{DOMxRef("window.prompt","prompt()")}} are called within a browser iframe</td>
-  </tr>
-  <tr>
-   <td>{{Event("mozbrowsertitlechange")}}</td>
-   <td></td>
-   <td><em>Firefox OS <a href="/zh-CN/docs/Web/API/Browser_API">Browser API</a>-specific</em></td>
-   <td>Sent when the document.title changes within a browser iframe.</td>
-  </tr>
-  <tr>
-   <td>{{Event("mozbrowserusernameandpasswordrequired")}}</td>
-   <td></td>
-   <td><em>Firefox OS <a href="/zh-CN/docs/Web/API/Browser_API">Browser API</a>-specific</em></td>
-   <td>Sent when an HTTP authentification is requested.</td>
-  </tr>
-  <tr>
-   <td>{{Event("mozbrowservisibilitychange")}}</td>
-   <td></td>
-   <td><em>Firefox OS <a href="/zh-CN/docs/Web/API/Browser_API">Browser API</a>-specific</em></td>
-   <td>Sent when the visibility state of the current browser iframe {{HTMLElement("iframe")}} changes, for example due to a call to {{DOMxRef("HTMLIFrameElement.setVisible","setVisible()")}}.</td>
-  </tr>
-  <tr>
-   <td>{{Event("MozGamepadButtonDown")}}</td>
-   <td></td>
-   <td><em>To be specified</em></td>
-   <td>A gamepad button is pressed down.</td>
-  </tr>
-  <tr>
-   <td>{{Event("MozGamepadButtonUp")}}</td>
-   <td></td>
-   <td><em>To be specified</em></td>
-   <td>A gamepad button is released.</td>
-  </tr>
-  <tr>
-   <td>{{Event("MozMousePixelScroll")}} {{Deprecated_Inline}}</td>
-   <td></td>
-   <td><em>Mozilla specific</em></td>
-   <td>The wheel button of a pointing device is rotated (detail attribute is a number of pixels). (use wheel instead)</td>
-  </tr>
-  <tr>
-   <td>{{Event("MozOrientation")}} {{Deprecated_Inline}}</td>
-   <td></td>
-   <td><em>Mozilla specific</em></td>
-   <td>Fresh data is available from an orientation sensor (see deviceorientation).</td>
-  </tr>
-  <tr>
-   <td>{{Event("MozScrolledAreaChanged")}}</td>
-   <td>{{DOMxRef("UIEvent")}}</td>
-   <td><em>Mozilla specific</em></td>
-   <td>The document view has been scrolled or resized.</td>
-  </tr>
-  <tr>
-   <td>{{Event("moztimechange")}}</td>
-   <td></td>
-   <td><em>Mozilla specific</em></td>
-   <td>The time of the device has been changed.</td>
-  </tr>
-  <tr>
-   <td><a href="/en-US/DOM/Touch_events_(Mozilla_experimental)">MozTouchDown</a> {{Deprecated_Inline}}</td>
-   <td></td>
-   <td><em>Mozilla specific</em></td>
-   <td>A touch point is placed on the touch surface (use touchstart instead).</td>
-  </tr>
-  <tr>
-   <td><a href="/en-US/DOM/Touch_events_(Mozilla_experimental)">MozTouchMove</a> {{Deprecated_Inline}}</td>
-   <td></td>
-   <td><em>Mozilla specific</em></td>
-   <td>A touch point is moved along the touch surface (use touchmove instead).</td>
-  </tr>
-  <tr>
-   <td><a href="/en-US/DOM/Touch_events_(Mozilla_experimental)">MozTouchUp</a> {{Deprecated_Inline}}</td>
-   <td></td>
-   <td><em>Mozilla specific</em></td>
-   <td>A touch point is removed from the touch surface (use touchend instead).</td>
-  </tr>
-  <tr>
-   <td>{{Event("alerting")}}</td>
-   <td>{{DOMxRef("CallEvent")}}</td>
-   <td><em>To be specified</em></td>
-   <td>The correspondent is being alerted (his/her phone is ringing).</td>
-  </tr>
-  <tr>
-   <td>{{Event("busy")}}</td>
-   <td>{{DOMxRef("CallEvent")}}</td>
-   <td><em>To be specified</em></td>
-   <td>The line of the correspondent is busy.</td>
-  </tr>
-  <tr>
-   <td>{{Event("callschanged")}}</td>
-   <td>{{DOMxRef("CallEvent")}}</td>
-   <td><em>To be specified</em></td>
-   <td>A call has been added or removed from the list of current calls.</td>
-  </tr>
-  <tr>
-   <td><a href="/zh-CN/docs/DOM/onconnected">onconnected</a> {{Event("connected")}}</td>
-   <td>{{DOMxRef("CallEvent")}}</td>
-   <td><em>To be specified</em></td>
-   <td>A call has been connected.</td>
-  </tr>
-  <tr>
-   <td>{{Event("connecting")}}</td>
-   <td>{{DOMxRef("CallEvent")}}</td>
-   <td><em>To be specified</em></td>
-   <td>A call is about to connect.</td>
-  </tr>
-  <tr>
-   <td>{{Event("delivered")}}</td>
-   <td>{{DOMxRef("SMSEvent")}}</td>
-   <td><em>To be specified</em></td>
-   <td>An SMS has been successfully delivered.</td>
-  </tr>
-  <tr>
-   <td>{{Event("dialing")}}</td>
-   <td>{{DOMxRef("CallEvent")}}</td>
-   <td><em>To be specified</em></td>
-   <td>The number of a correspondent has been dialed.</td>
-  </tr>
-  <tr>
-   <td>{{Event("disabled")}}</td>
-   <td></td>
-   <td><em>Firefox OS specific</em></td>
-   <td>Wifi has been disabled on the device.</td>
-  </tr>
-  <tr>
-   <td>{{Event("disconnected")}}</td>
-   <td>{{DOMxRef("CallEvent")}}</td>
-   <td><em>To be specified</em></td>
-   <td>A call has been disconnected.</td>
-  </tr>
-  <tr>
-   <td>{{Event("disconnecting")}}</td>
-   <td>{{DOMxRef("CallEvent")}}</td>
-   <td><em>To be specified</em></td>
-   <td>A call is about to disconnect.</td>
-  </tr>
-  <tr>
-   <td>{{Event("enabled")}}</td>
-   <td></td>
-   <td><em>Firefox OS specific</em></td>
-   <td>Wifi has been enabled on the device.</td>
-  </tr>
-  <tr>
-   <td>{{Event("error_(Telephony)","error")}}</td>
-   <td>{{DOMxRef("CallEvent")}}</td>
-   <td><em>To be specified</em></td>
-   <td>An error occurred.</td>
-  </tr>
-  <tr>
-   <td>{{Event("held")}}</td>
-   <td>{{DOMxRef("CallEvent")}}</td>
-   <td><em>To be specified</em></td>
-   <td>A call has been held.</td>
-  </tr>
-  <tr>
-   <td>{{Event("holding")}}</td>
-   <td>{{DOMxRef("CallEvent")}}</td>
-   <td><em>To be specified</em></td>
-   <td>A call is about to be held.</td>
-  </tr>
-  <tr>
-   <td>{{Event("incoming")}}</td>
-   <td>{{DOMxRef("CallEvent")}}</td>
-   <td><em>To be specified</em></td>
-   <td>A call is being received.</td>
-  </tr>
-  <tr>
-   <td>{{Event("received")}}</td>
-   <td>{{DOMxRef("SMSEvent")}}</td>
-   <td><em>To be specified</em></td>
-   <td>An SMS has been received.</td>
-  </tr>
-  <tr>
-   <td>{{Event("resuming")}}</td>
-   <td>{{DOMxRef("CallEvent")}}</td>
-   <td><em>To be specified</em></td>
-   <td>A call is about to resume.</td>
-  </tr>
-  <tr>
-   <td>{{Event("sent")}}</td>
-   <td>{{DOMxRef("SMSEvent")}}</td>
-   <td><em>To be specified</em></td>
-   <td>An SMS has been sent.</td>
-  </tr>
-  <tr>
-   <td>{{Event("statechange")}}</td>
-   <td>{{DOMxRef("CallEvent")}}</td>
-   <td><em>To be specified</em></td>
-   <td>The state of a call has changed.</td>
-  </tr>
-  <tr>
-   <td>{{Event("statuschange")}}</td>
-   <td></td>
-   <td><em>Firefox OS specific</em></td>
-   <td>The status of the Wifi connection changed.</td>
-  </tr>
-  <tr>
-   <td>{{Event("overflow")}}</td>
-   <td>{{DOMxRef("UIEvent")}}</td>
-   <td><em>Mozilla specific</em></td>
-   <td>An element has been overflowed by its content or has been rendered for the first time in this state (only works for elements styled with <code>overflow</code> != <code>visible</code>).</td>
-  </tr>
-  <tr>
-   <td>{{Event("smartcard-insert")}}</td>
-   <td></td>
-   <td><em>Mozilla specific</em></td>
-   <td>A <a href="/zh-CN/docs/JavaScript_crypto">smartcard</a> has been inserted.</td>
-  </tr>
-  <tr>
-   <td>{{Event("smartcard-remove")}}</td>
-   <td></td>
-   <td><em>Mozilla specific</em></td>
-   <td>A <a href="/zh-CN/docs/JavaScript_crypto">smartcard</a> has been removed.</td>
-  </tr>
-  <tr>
-   <td>{{Event("stkcommand")}}</td>
-   <td></td>
-   <td><em>Firefox OS specific</em></td>
-   <td>The <abbr title="SIM Application Toolkit">STK</abbr> Proactive Command is issued from <abbr title="Integrated Circuit Card">ICC</abbr>.</td>
-  </tr>
-  <tr>
-   <td>{{Event("stksessionend")}}</td>
-   <td></td>
-   <td><em>Firefox OS specific</em></td>
-   <td>The <abbr title="SIM Application Toolkit">STK</abbr> Session is terminated by <abbr title="Integrated Circuit Card">ICC</abbr>.</td>
-  </tr>
-  <tr>
-   <td>{{Event("touchenter")}}</td>
-   <td>{{DOMxRef("TouchEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/touch-events/#the-touchstart---------event">Touch Events</a> Removed</td>
-   <td></td>
-  </tr>
-  <tr>
-   <td>{{Event("touchleave")}}</td>
-   <td>{{DOMxRef("TouchEvent")}}</td>
-   <td><a href="http://www.w3.org/TR/touch-events/#the-touchstart---------event">Touch Events</a> Removed</td>
-   <td></td>
-  </tr>
-  <tr>
-   <td>{{Event("underflow")}}</td>
-   <td>{{DOMxRef("UIEvent")}}</td>
-   <td><em>Mozilla specific</em></td>
-   <td>An element is no longer overflowed by its content (only works for elements styled with <code>overflow</code> != <code>visible</code>).</td>
-  </tr>
-  <tr>
-   <td><code>uploadprogress</code> {{Deprecated_Inline}}</td>
-   <td>{{DOMxRef("ProgressEvent")}}</td>
-   <td><em>Mozilla Specific</em></td>
-   <td>Upload is in progress (see {{Event("progress")}}).</td>
-  </tr>
-  <tr>
-   <td>
-    <p>{{Event("ussdreceived")}}</p>
-   </td>
-   <td></td>
-   <td><em>Firefox OS specific</em></td>
-   <td>A new <abbr title="Unstructured Supplementary Service Data">USSD</abbr> message is received</td>
-  </tr>
-  <tr>
-   <td>{{Event("voicechange")}}</td>
-   <td></td>
-   <td><em>Firefox OS specific</em></td>
-   <td>The {{DOMxRef("MozMobileConnection.voice")}} object changes values.</td>
-  </tr>
-  <tr>
-   <td>{{Event("msContentZoom")}}</td>
-   <td></td>
-   <td><em>Microsoft specific</em></td>
-   <td></td>
-  </tr>
-  <tr>
-   <td>{{Event("MSManipulationStateChanged")}}</td>
-   <td></td>
-   <td><em>Microsoft specific</em></td>
-   <td></td>
-  </tr>
-  <tr>
-   <td>{{Event("MSPointerHover")}} {{Deprecated_Inline}}</td>
-   <td></td>
-   <td><em>Microsoft specific</em></td>
-   <td></td>
-  </tr>
- </tbody>
-</table>
-
-<h2 id="Mozilla_特定事件">Mozilla 特定事件</h2>
-
-<div class="blockIndicator note">
-<p><strong>备注：</strong> 这些事件不会暴露给 Web 内容使用，只能在 chrome 内容的上下文中使用。</p>
-</div>
-
-<h3 id="XUL_事件">XUL 事件</h3>
-
-<table class="standard-table">
- <thead>
-  <tr>
-   <th>Event Name</th>
-   <th>Event Type</th>
-   <th>Specification</th>
-   <th>Fired when...</th>
-  </tr>
- </thead>
- <tbody>
-  <tr>
-   <td>{{Event("broadcast")}}</td>
-   <td></td>
-   <td><a href="/zh-CN/docs/XUL/Tutorial/Broadcasters_and_Observers#Broadcast_event">XUL</a></td>
-   <td>An <code>observer</code> noticed a change to the attributes of a watched broadcaster.</td>
-  </tr>
-  <tr>
-   <td>{{Event("CheckboxStateChange")}}</td>
-   <td></td>
-   <td>XUL</td>
-   <td>The state of a <code>checkbox</code> has been changed either by a user action or by a script (useful for accessibility).</td>
-  </tr>
-  <tr>
-   <td><a href="/zh-CN/docs/Web/Reference/Events/close_event">close</a></td>
-   <td></td>
-   <td>XUL</td>
-   <td>The close button of the window has been clicked.</td>
-  </tr>
-  <tr>
-   <td>{{Event("command")}}</td>
-   <td></td>
-   <td>XUL</td>
-   <td>An element has been activated.</td>
-  </tr>
-  <tr>
-   <td>{{Event("commandupdate")}}</td>
-   <td></td>
-   <td>XUL</td>
-   <td>A command update occurred on a <code>commandset</code> element.</td>
-  </tr>
-  <tr>
-   <td>{{Event("DOMMenuItemActive")}}</td>
-   <td></td>
-   <td>XUL</td>
-   <td>A menu or menuitem has been hovered or highlighted.</td>
-  </tr>
-  <tr>
-   <td>{{Event("DOMMenuItemInactive")}}</td>
-   <td></td>
-   <td><em>XUL</em></td>
-   <td>A menu or menuitem is no longer hovered or highlighted.</td>
-  </tr>
-  <tr>
-   <td>{{Event("popuphidden")}}</td>
-   <td><code>PopupEvent</code></td>
-   <td><a href="/zh-CN/docs/XUL/PopupGuide/PopupEvents"><em>XUL</em></a></td>
-   <td>A menupopup, panel or tooltip has been hidden.</td>
-  </tr>
-  <tr>
-   <td>{{Event("popuphiding")}}</td>
-   <td><code>PopupEvent</code></td>
-   <td><a href="/zh-CN/docs/XUL/PopupGuide/PopupEvents"><em>XUL</em></a></td>
-   <td>A menupopup, panel or tooltip is about to be hidden.</td>
-  </tr>
-  <tr>
-   <td>{{Event("popupshowing")}}</td>
-   <td><code>PopupEvent</code></td>
-   <td><a href="/zh-CN/docs/XUL/PopupGuide/PopupEvents"><em>XUL</em></a></td>
-   <td>A menupopup, panel or tooltip is about to become visible.</td>
-  </tr>
-  <tr>
-   <td>{{Event("popupshown")}}</td>
-   <td><code>PopupEvent</code></td>
-   <td><a href="/zh-CN/docs/XUL/PopupGuide/PopupEvents"><em>XUL</em></a></td>
-   <td>A menupopup, panel or tooltip has become visible.</td>
-  </tr>
-  <tr>
-   <td>{{Event("RadioStateChange")}}</td>
-   <td></td>
-   <td>XUL</td>
-   <td>The state of a <code>radio</code> has been changed either by a user action or by a script (useful for accessibility).</td>
-  </tr>
-  <tr>
-   <td>{{Event("ValueChange")}}</td>
-   <td></td>
-   <td>XUL</td>
-   <td>The value of an element has changed (a progress bar for example, useful for accessibility).</td>
-  </tr>
- </tbody>
-</table>
-
-<h3 id="附加组件特定事件">附加组件特定事件</h3>
-
-<table class="standard-table">
- <thead>
-  <tr>
-   <th scope="col">Event Name</th>
-   <th scope="col">Event Type</th>
-   <th scope="col">Specification</th>
-   <th scope="col">Fired when...</th>
-  </tr>
- </thead>
- <tbody>
-  <tr>
-   <td><a href="/zh-CN/docs/Web/Reference/Events/MozSwipeGesture">MozSwipeGesture</a></td>
-   <td></td>
-   <td><em>Addons specific</em></td>
-   <td>A touch point is swiped across the touch surface</td>
-  </tr>
-  <tr>
-   <td><a href="/zh-CN/docs/Web/Reference/Events/MozMagnifyGestureStart">MozMagnifyGestureStart</a></td>
-   <td></td>
-   <td><em>Addons specific</em></td>
-   <td>Two touch points start to move away from each other.</td>
-  </tr>
-  <tr>
-   <td><a href="/zh-CN/docs/Web/Reference/Events/MozMagnifyGestureUpdate">MozMagnifyGestureUpdate</a></td>
-   <td></td>
-   <td><em>Addons specific</em></td>
-   <td>Two touch points move away from each other (after a MozMagnifyGestureStart).</td>
-  </tr>
-  <tr>
-   <td><a href="/zh-CN/docs/Web/Reference/Events/MozMagnifyGesture">MozMagnifyGesture</a></td>
-   <td></td>
-   <td><em>Addons specific</em></td>
-   <td>Two touch points moved away from each other (after a sequence of MozMagnifyGestureUpdate).</td>
-  </tr>
-  <tr>
-   <td><a href="/zh-CN/docs/Web/Reference/Events/MozRotateGestureStart">MozRotateGestureStart</a></td>
-   <td></td>
-   <td><em>Addons specific</em></td>
-   <td>Two touch points start to rotate around a point.</td>
-  </tr>
-  <tr>
-   <td><a href="/zh-CN/docs/Web/Reference/Events/MozRotateGestureUpdate">MozRotateGestureUpdate</a></td>
-   <td></td>
-   <td><em>Addons specific</em></td>
-   <td>Two touch points rotate around a point (after a MozRotateGestureStart).</td>
-  </tr>
-  <tr>
-   <td><a href="/zh-CN/docs/Web/Reference/Events/MozRotateGesture">MozRotateGesture</a></td>
-   <td></td>
-   <td><em>Addons specific</em></td>
-   <td>Two touch points rotate around a point (after a sequence of MozRotateGestureUpdate).</td>
-  </tr>
-  <tr>
-   <td><a href="/zh-CN/docs/Web/Reference/Events/MozTapGesture">MozTapGesture</a></td>
-   <td></td>
-   <td><em>Addons specific</em></td>
-   <td>Two touch points are tapped on the touch surface.</td>
-  </tr>
-  <tr>
-   <td><a href="/zh-CN/docs/Web/Reference/Events/MozPressTapGesture">MozPressTapGesture</a></td>
-   <td></td>
-   <td><em>Addons specific</em></td>
-   <td>A "press-tap" gesture happened on the touch surface (first finger down, second finger down, second finger up, first finger up).</td>
-  </tr>
-  <tr>
-   <td><a href="/zh-CN/docs/Web/Reference/Events/MozEdgeUIGesture">MozEdgeUIGesture</a></td>
-   <td></td>
-   <td><em>Addons specific</em></td>
-   <td>A touch point is swiped across the touch surface to invoke the edge UI (Win8 only).</td>
-  </tr>
-  <tr>
-   <td><a href="/zh-CN/docs/Web/Reference/Events/MozAfterPaint">MozAfterPaint</a></td>
-   <td></td>
-   <td><em>Addons specific</em></td>
-   <td>Content has been repainted.</td>
-  </tr>
-  <tr>
-   <td><a href="/zh-CN/docs/Web/Reference/Events/DOMPopupBlocked">DOMPopupBlocked</a></td>
-   <td></td>
-   <td><em>Addons specific</em></td>
-   <td>A popup has been blocked</td>
-  </tr>
-  <tr>
-   <td><a href="/zh-CN/docs/Web/Reference/Events/DOMWindowCreated">DOMWindowCreated</a></td>
-   <td></td>
-   <td><em>Addons specific</em></td>
-   <td>A window has been created.</td>
-  </tr>
-  <tr>
-   <td><a href="/zh-CN/docs/Web/Reference/Events/DOMWindowClose">DOMWindowClose</a></td>
-   <td></td>
-   <td><em>Addons specific</em></td>
-   <td>A window is about to be closed.</td>
-  </tr>
-  <tr>
-   <td><a href="/zh-CN/docs/Web/Reference/Events/DOMTitleChanged">DOMTitleChanged</a></td>
-   <td></td>
-   <td><em>Addons specifc</em></td>
-   <td>The title of a window has changed.</td>
-  </tr>
-  <tr>
-   <td><a href="/zh-CN/docs/Web/Reference/Events/DOMLinkAdded">DOMLinkAdded</a></td>
-   <td></td>
-   <td><em>Addons specifc</em></td>
-   <td>A link has been added a document.</td>
-  </tr>
-  <tr>
-   <td><a href="/zh-CN/docs/Web/Reference/Events/DOMLinkRemoved">DOMLinkRemoved</a></td>
-   <td></td>
-   <td><em>Addons specifc</em></td>
-   <td>A link has been removed inside from a document.</td>
-  </tr>
-  <tr>
-   <td><a href="/zh-CN/docs/Web/Reference/Events/DOMMetaAdded">DOMMetaAdded</a></td>
-   <td></td>
-   <td><em>Addons specific</em></td>
-   <td>A <code>meta</code> element has been added to a document.</td>
-  </tr>
-  <tr>
-   <td><a href="/zh-CN/docs/Web/Reference/Events/DOMMetaRemoved">DOMMetaRemoved</a></td>
-   <td></td>
-   <td><em>Addons specific</em></td>
-   <td>A <code>meta</code> element has been removed from a document.</td>
-  </tr>
-  <tr>
-   <td><a href="/zh-CN/docs/Web/Reference/Events/DOMWillOpenModalDialog">DOMWillOpenModalDialog</a></td>
-   <td></td>
-   <td><em>Addons specific</em></td>
-   <td>A modal dialog is about to open.</td>
-  </tr>
-  <tr>
-   <td><a href="/zh-CN/docs/Web/Reference/Events/DOMModalDialogClosed">DOMModalDialogClosed</a></td>
-   <td></td>
-   <td><em>Addons specific</em></td>
-   <td>A modal dialog has been closed.</td>
-  </tr>
-  <tr>
-   <td><a href="/zh-CN/docs/Web/Reference/Events/DOMAutoComplete">DOMAutoComplete</a></td>
-   <td></td>
-   <td><em>Addons specific</em></td>
-   <td>The content of an element has been auto-completed.</td>
-  </tr>
-  <tr>
-   <td><a href="/zh-CN/docs/Web/Reference/Events/DOMFrameContentLoaded">DOMFrameContentLoaded</a></td>
-   <td></td>
-   <td><em>Addons specific</em></td>
-   <td>The frame has finished loading (but not its dependent resources).</td>
-  </tr>
-  <tr>
-   <td><a href="/zh-CN/docs/Web/Reference/Events/AlertActive">AlertActive</a></td>
-   <td></td>
-   <td><em>Addons specific</em></td>
-   <td>A <code><a href="/zh-CN/docs/XUL/notification">notification</a></code> element is shown.</td>
-  </tr>
-  <tr>
-   <td><a href="/zh-CN/docs/Web/Reference/Events/AlertClose">AlertClose</a></td>
-   <td></td>
-   <td><em>Addons specific</em></td>
-   <td>A <code><a href="/zh-CN/docs/XUL/notification">notification</a></code> element is closed.</td>
-  </tr>
-  <tr>
-   <td><a href="/zh-CN/docs/Web/Reference/Events/fullscreen">fullscreen</a></td>
-   <td></td>
-   <td><em>Addons specific</em></td>
-   <td>Browser fullscreen mode has been entered or left.</td>
-  </tr>
-  <tr>
-   <td><a href="/zh-CN/docs/Web/Reference/Events/sizemodechange">sizemodechange</a></td>
-   <td></td>
-   <td><em>Addons specific</em></td>
-   <td>Window has entered/left fullscreen mode, or has been minimized/unminimized.</td>
-  </tr>
-  <tr>
-   <td><a href="/zh-CN/docs/Web/Reference/Events/MozEnteredDomFullscreen">MozEnteredDomFullscreen</a></td>
-   <td></td>
-   <td><em>Addons specific</em></td>
-   <td><a href="/zh-CN/docs/DOM/Using_full-screen_mode">DOM fullscreen</a> mode has been entered.</td>
-  </tr>
-  <tr>
-   <td><a href="/zh-CN/docs/Web/Reference/Events/SSWindowClosing">SSWindowClosing</a></td>
-   <td></td>
-   <td><em>Addons specific</em></td>
-   <td>The session store will stop tracking this window.</td>
-  </tr>
-  <tr>
-   <td><a href="/zh-CN/docs/Web/Reference/Events/SSTabClosing">SSTabClosing</a></td>
-   <td></td>
-   <td><em>Addons specific</em></td>
-   <td>The session store will stop tracking this tab.</td>
-  </tr>
-  <tr>
-   <td><a href="/zh-CN/docs/Web/Reference/Events/SSTabRestoring">SSTabRestoring</a></td>
-   <td></td>
-   <td><em>Addons specific</em></td>
-   <td>A tab is about to be restored.</td>
-  </tr>
-  <tr>
-   <td><a href="/zh-CN/docs/Web/Reference/Events/SSTabRestored">SSTabRestored</a></td>
-   <td></td>
-   <td><em>Addons specific</em></td>
-   <td>A tab has been restored.</td>
-  </tr>
-  <tr>
-   <td><a href="/zh-CN/docs/Web/Reference/Events/SSWindowStateReady">SSWindowStateReady</a></td>
-   <td></td>
-   <td><em>Addons specific</em></td>
-   <td>A window state has switched to "ready".</td>
-  </tr>
-  <tr>
-   <td><a href="/zh-CN/docs/Web/Reference/Events/SSWindowStateBusy">SSWindowStateBusy</a></td>
-   <td></td>
-   <td><em>Addons specific</em></td>
-   <td>A window state has switched to "busy".</td>
-  </tr>
-  <tr>
-   <td><a href="/zh-CN/docs/Web/Reference/Events/TabOpen">TabOpen</a></td>
-   <td></td>
-   <td><em>Addons specific</em></td>
-   <td>A tab has been opened.</td>
-  </tr>
-  <tr>
-   <td><a href="/zh-CN/docs/Web/Reference/Events/TabClose">TabClose</a></td>
-   <td></td>
-   <td><em>Addons specific</em></td>
-   <td>A tab has been closed.</td>
-  </tr>
-  <tr>
-   <td><a href="/zh-CN/docs/Web/Reference/Events/TabSelect">TabSelect</a></td>
-   <td></td>
-   <td><em>Addons specific</em></td>
-   <td>A tab has been selected.</td>
-  </tr>
-  <tr>
-   <td><a href="/zh-CN/docs/Web/Reference/Events/TabShow">TabShow</a></td>
-   <td></td>
-   <td><em>Addons specific</em></td>
-   <td>A tab has been shown.</td>
-  </tr>
-  <tr>
-   <td><a href="/zh-CN/docs/Web/Reference/Events/TabHide">TabHide</a></td>
-   <td></td>
-   <td><em>Addons specific</em></td>
-   <td>A tab has been hidden.</td>
-  </tr>
-  <tr>
-   <td><a href="/zh-CN/docs/Web/Reference/Events/TabPinned">TabPinned</a></td>
-   <td></td>
-   <td><em>Addons specific</em></td>
-   <td>A tab has been pinned.</td>
-  </tr>
-  <tr>
-   <td><a href="/zh-CN/docs/Web/Reference/Events/TabUnpinned">TabUnpinned</a></td>
-   <td></td>
-   <td><em>Addons specific</em></td>
-   <td>A tab has been unpinned.</td>
-  </tr>
- </tbody>
-</table>
+### 网络事件
 
-<h3 id="开发者工具特定事件">开发者工具特定事件</h3>
+| 事件名称                     | 何时触发               |
+| ---------------------------- | ---------------------- |
+| {{Event("online")}}     | 浏览器已获得网络访问。 |
+| {{Event("offline")}} | 浏览器已失去网络访问。 |
+
+### 焦点事件
+
+| 事件名称                 | 何时触发                   |
+| ------------------------ | -------------------------- |
+| {{Event("focus")}} | 元素获得焦点（不会冒泡）。 |
+| {{Event("blur")}} | 元素失去焦点（不会冒泡）。 |
+
+### WebSocket 事件
+
+| 事件名称                                                        | 何时触发                                           |
+| --------------------------------------------------------------- | -------------------------------------------------- |
+| [`open`](/zh-CN/docs/Web/Reference/Events/open_websocket)       | WebSocket 连接已建立。                             |
+| [`message`](/zh-CN/docs/Web/Reference/Events/message_websocket) | 通过 WebSocket 接收到一条消息。                    |
+| {{Event("error")}}                                        | WebSocket 连接异常被关闭（比如有些数据无法发送）。 |
+| [`close`](/zh-CN/docs/Web/Reference/Events/close_websocket)     | WebSocket 连接已关闭。                             |
+
+### 会话历史事件
+
+| 事件名称                     | 何时触发                                                          |
+| ---------------------------- | ----------------------------------------------------------------- |
+| {{Event("pagehide")}} | A session history entry is being traversed from.                  |
+| {{Event("pageshow")}} | A session history entry is being traversed to.                    |
+| {{Event("popstate")}} | A session history entry is being navigated to (in certain cases). |
+
+### CSS 动画事件
+
+| 事件名称                                 | 何时触发                            |
+| ---------------------------------------- | ----------------------------------- |
+| {{Event("animationstart")}}     | 某个 CSS 动画开始时触发。           |
+| {{Event("animationend")}}         | 某个 CSS 动画完成时触发。           |
+| {{Event("animationiteration")}} | 某个 CSS 动画完成后重新开始时触发。 |
+
+### CSS 过渡事件
+
+| 事件名称                                 | 何时触发                                                                                                   |
+| ---------------------------------------- | ---------------------------------------------------------------------------------------------------------- |
+| {{Event("transitionstart")}}     | A [CSS transition](/zh-CN/docs/Web/CSS/CSS_Transitions) has actually started (fired after any delay).      |
+| {{Event("transitioncancel")}} | CSS 过渡被取消                                                                                             |
+| {{Event("transitionend")}}     | CSS 过渡已经完成                                                                                           |
+| {{Event("transitionrun")}}     | A [CSS transition](/zh-CN/docs/Web/CSS/CSS_Transitions) has begun running (fired before any delay starts). |
+
+### 表单事件
+
+| 事件名称                 | 何时触发       |
+| ------------------------ | -------------- |
+| {{Event("reset")}} | 点击重置按钮时 |
+| {{Event("submit")}} | 点击提交按钮   |
+
+### 打印事件
+
+| 事件名称                         | 何时触发             |
+| -------------------------------- | -------------------- |
+| {{Event("beforeprint")}} | 打印机已经就绪时触发 |
+| {{Event("afterprint")}} | 打印机关闭时触发     |
+
+### 文本写作事件
+
+| Event Name                               | Fired When                                                                                                                                          |
+| ---------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------- |
+| {{Event("compositionstart")}} | The composition of a passage of text is prepared (similar to keydown for a keyboard input, but works with other inputs such as speech recognition). |
+| {{Event("compositionupdate")}} | A character is added to a passage of text being composed.                                                                                           |
+| {{Event("compositionend")}}     | The composition of a passage of text has been completed or canceled.                                                                                |
+
+### 视图事件
+
+| Event Name                               | Fired When                                                                                                 |
+| ---------------------------------------- | ---------------------------------------------------------------------------------------------------------- |
+| {{Event("fullscreenchange")}} | An element was turned to fullscreen mode or back to normal mode.                                           |
+| {{Event("fullscreenerror")}}     | It was impossible to switch to fullscreen mode for technical reasons or because the permission was denied. |
+| {{Event("resize")}}                 | The document view has been resized.                                                                        |
+| {{Event("scroll")}}                 | The document view or an element has been scrolled.                                                         |
+
+### 剪贴板事件
+
+| Event Name               | Fired When                                 |
+| ------------------------ | ------------------------------------------ |
+| {{Event("cut")}}     | 已经剪贴选中的文本内容并且复制到了剪贴板。 |
+| {{Event("copy")}} | 已经把选中的文本内容复制到了剪贴板。       |
+| {{Event("paste")}} | 从剪贴板复制的文本内容被粘贴。             |
+
+### 键盘事件
+
+| Event Name                   | Fired When                                              |
+| ---------------------------- | ------------------------------------------------------- |
+| {{Event("keydown")}} | 按下任意按键。                                          |
+| {{Event("keypress")}} | 除 Shift、Fn、CapsLock 外的任意键被按住。（连续触发。） |
+| {{Event("keyup")}}     | 释放任意按键。                                          |
+
+### 鼠标事件
+
+| Event Name                               | Fired When                                                                                     |
+| ---------------------------------------- | ---------------------------------------------------------------------------------------------- |
+| {{Event("auxclick")}}             | A pointing device button (ANY non-primary button) has been pressed and released on an element. |
+| {{Event("click")}}                 | 在元素上按下并释放任意鼠标按键。                                                               |
+| {{Event("contextmenu")}}         | 右键点击（在右键菜单显示前触发）。                                                             |
+| {{Event("dblclick")}}             | 在元素上双击鼠标按钮。                                                                         |
+| {{Event("mousedown")}}             | 在元素上按下任意鼠标按钮。                                                                     |
+| {{Event("mouseenter")}}         | 指针移到有事件监听的元素内。                                                                   |
+| {{Event("mouseleave")}}         | 指针移出元素范围外（不冒泡）。                                                                 |
+| {{Event("mousemove")}}             | 指针在元素内移动时持续触发。                                                                   |
+| {{Event("mouseover")}}             | 指针移到有事件监听的元素或者它的子元素内。                                                     |
+| {{Event("mouseout")}}             | 指针移出元素，或者移到它的子元素上。                                                           |
+| {{Event("mouseup")}}             | 在元素上释放任意鼠标按键。                                                                     |
+| {{Event("pointerlockchange")}} | 鼠标被锁定或者解除锁定发生时。                                                                 |
+| {{Event("pointerlockerror")}} | 可能因为一些技术的原因鼠标锁定被禁止时。                                                       |
+| {{Event("select")}}                 | 有文本被选中。                                                                                 |
+| {{Event("wheel")}}                 | 滚轮向任意方向滚动。                                                                           |
+
+### 拖放事件
+
+| Event Name                   | Fired When                                                                              |
+| ---------------------------- | --------------------------------------------------------------------------------------- |
+| {{Event("drag")}}     | 正在拖动元素或文本选区（在此过程中持续触发，每 350ms 触发一次）                         |
+| {{Event("dragend")}} | 拖放操作结束。（松开鼠标按钮或按下 Esc 键）                                             |
+| {{Event("dragenter")}} | 被拖动的元素或文本选区移入有效释放目标区                                                |
+| {{Event("dragstart")}} | 用户开始拖动 HTML 元素或选中的文本                                                      |
+| {{Event("dragleave")}} | 被拖动的元素或文本选区移出有效释放目标区                                                |
+| {{Event("dragover")}} | 被拖动的元素或文本选区正在有效释放目标上被拖动（在此过程中持续触发，每 350ms 触发一次） |
+| {{Event("drop")}}     | 元素在有效释放目标区上释放                                                              |
+
+### 媒体事件
+
+| Event Name                           | Fired When                                                                                                                                                                                                                              |
+| ------------------------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| {{Event("audioprocess")}}     | The input buffer of a {{DOMxRef("ScriptProcessorNode")}} is ready to be processed.                                                                                                                                            |
+| {{Event("canplay")}}         | The browser can play the media, but estimates that not enough data has been loaded to play the media up to its end without having to stop for further buffering of content.                                                             |
+| {{Event("canplaythrough")}} | The browser estimates it can play the media up to its end without stopping for content buffering.                                                                                                                                       |
+| {{Event("complete")}}         | The rendering of an {{DOMxRef("OfflineAudioContext")}} is terminated.                                                                                                                                                         |
+| {{Event("durationchange")}} | The `duration` attribute has been updated.                                                                                                                                                                                              |
+| {{Event("emptied")}}         | The media has become empty; for example, this event is sent if the media has already been loaded (or partially loaded), and the [`load()`](/zh-CN/docs/XPCOM_Interface_Reference/NsIDOMHTMLMediaElement) method is called to reload it. |
+| {{Event("ended")}}             | Playback has stopped because the end of the media was reached.                                                                                                                                                                          |
+| {{Event("loadeddata")}}     | The first frame of the media has finished loading.                                                                                                                                                                                      |
+| {{Event("loadedmetadata")}} | The metadata has been loaded.                                                                                                                                                                                                           |
+| {{Event("pause")}}             | Playback has been paused.                                                                                                                                                                                                               |
+| {{Event("play")}}             | Playback has begun.                                                                                                                                                                                                                     |
+| {{Event("playing")}}         | Playback is ready to start after having been paused or delayed due to lack of data.                                                                                                                                                     |
+| {{Event("ratechange")}}     | The playback rate has changed.                                                                                                                                                                                                          |
+| {{Event("seeked")}}             | A _seek_ operation completed.                                                                                                                                                                                                           |
+| {{Event("seeking")}}         | A _seek_ operation began.                                                                                                                                                                                                               |
+| {{Event("stalled")}}         | The user agent is trying to fetch media data, but data is unexpectedly not forthcoming.                                                                                                                                                 |
+| {{Event("suspend")}}         | Media data loading has been suspended.                                                                                                                                                                                                  |
+| {{Event("timeupdate")}}     | The time indicated by the `currentTime` attribute has been updated.                                                                                                                                                                     |
+| {{Event("volumechange")}}     | The volume has changed.                                                                                                                                                                                                                 |
+| {{Event("waiting")}}         | Playback has stopped because of a temporary lack of data.                                                                                                                                                                               |
+
+### 进度事件
+
+| Event Name                                                | Fired When                                                                    |
+| --------------------------------------------------------- | ----------------------------------------------------------------------------- |
+| [`abort`](/zh-CN/docs/Web/API/XMLHttpRequest/abort_event) | Progression has been terminated (not due to an error).                        |
+| {{Event("error")}}                                  | Progression has failed.                                                       |
+| [`load`](/zh-CN/docs/Web/API/XMLHttpRequest/load_event)   | Progression has been successful.                                              |
+| {{Event("loadend")}}                              | Progress has stopped (after "error", "abort" or "load" have been dispatched). |
+| {{Event("loadstart")}}                              | Progress has begun.                                                           |
+| {{Event("progress")}}                              | In progress.                                                                  |
+| {{Event("timeout")}}                              | Progression is terminated due to preset time expiring.                        |
+
+### 存储事件
+
+{{Event("change")}} (参见 [非标准事件](#非标准事件))
+{{Event("storage")}}
+
+### 更新事件
+
+{{Event("checking")}}
+{{Event("downloading")}}
+{{Event("error")}}
+{{Event("noupdate")}}
+{{Event("obsolete")}}
+{{Event("updateready")}}
+
+### 值变化事件
+
+{{Event("broadcast")}}
+{{Event("CheckboxStateChange")}}
+{{Event("hashchange")}}
+{{Event("input")}}
+{{Event("RadioStateChange")}}
+{{Event("readystatechange")}}
+{{Event("ValueChange")}}
+
+### 未分类的事件
+
+{{Event("invalid")}}
+[`message`](/zh-CN/docs/Web/API/DedicatedWorkerGlobalScope/message_event)
+[`message`](/zh-CN/docs/Web/API/EventSource/message_event)
+[`open`](/zh-CN/docs/Web/API/EventSource/open_event)
+[`show`](/zh-CN/docs/Web/API/Element/show_event)
+
+## 不常见和非标准事件
+
+### Abortable Fetch events
+
+| Event name                                             | Fired when                                                                                 |
+| ------------------------------------------------------ | ------------------------------------------------------------------------------------------ |
+| [`abort`](/zh-CN/docs/Web/API/AbortSignal/abort_event) | A DOM request is aborted, i.e. using {{DOMxRef("AbortController.abort()")}}. |
+
+### WebVR events
+
+| Event name                                       | Fired when                                                                                                                                                                                                                                        |
+| ------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| {{Event("vrdisplayactivate")}}         | When a VR display is able to be presented to, for example if an HMD has been moved to bring it out of standby, or woken up by being put on.                                                                                                       |
+| {{Event("vrdisplayblur")}}             | when presentation to a {{DOMxRef("VRDisplay")}} has been paused for some reason by the browser, OS, or VR hardware — for example, while the user is interacting with a system menu or browser, to prevent tracking or loss of experience. |
+| {{Event("vrdisplayconnect")}}         | when a compatible {{DOMxRef("VRDisplay")}} is connected to the computer.                                                                                                                                                                  |
+| {{Event("vrdisplaydeactivate")}}     | When a {{DOMxRef("VRDisplay")}} can no longer be presented to, for example if an HMD has gone into standby or sleep mode due to a period of inactivity.                                                                                   |
+| {{Event("vrdisplaydisconnect")}}     | When a compatible {{DOMxRef("VRDisplay")}} is disconnected from the computer.                                                                                                                                                             |
+| {{Event("vrdisplayfocus")}}             | When presentation to a {{DOMxRef("VRDisplay")}} has resumed after being blurred.                                                                                                                                                          |
+| {{Event("vrdisplaypresentchange")}} | The presenting state of a {{DOMxRef("VRDisplay")}} changes — i.e. goes from presenting to not presenting, or vice versa.                                                                                                                  |
+
+### SVG 事件
+
+{{Event("SVGAbort")}}
+{{Event("SVGError")}}
+{{Event("SVGLoad")}}
+{{Event("SVGResize")}}
+{{Event("SVGScroll")}}
+{{Event("SVGUnload")}}
+{{Event("SVGZoom")}}
+
+### 数据库事件
+
+[`abort`](/zh-CN/docs/Web/Reference/Events/abort_indexedDB)
+[`blocked`](/zh-CN/docs/Web/Reference/Events/blocked_indexedDB)
+[`complete`](/zh-CN/docs/Web/Reference/Events/complete_indexedDB)
+{{Event("error")}}
+[`success`](/zh-CN/docs/Web/Reference/Events/success_indexedDB)
+[`upgradeneeded`](/zh-CN/docs/Web/Reference/Events/upgradeneeded_indexedDB)
+[`versionchange`](/zh-CN/docs/Web/Reference/Events/versionchange_indexedDB)
+
+### 脚本事件
+
+{{Event("afterscriptexecute")}}
+{{Event("beforescriptexecute")}}
+
+### 菜单事件
+
+{{Event("DOMMenuItemActive")}}
+{{Event("DOMMenuItemInactive")}}
+
+### 窗口事件
+
+[`close`](/zh-CN/docs/Mozilla/Tech/XUL/Events/close_event)
+
+### 弹出事件
+
+{{Event("popuphidden")}}
+{{Event("popuphiding")}}
+{{Event("popupshowing")}}
+{{Event("popupshown")}}
+
+### Tab 事件
+
+{{Event("visibilitychange")}}
+
+### 电池事件
+
+{{Event("chargingchange")}}
+{{Event("chargingtimechange")}}
+{{Event("dischargingtimechange")}}
+{{Event("levelchange")}}
+
+### 呼叫事件
+
+{{Event("alerting")}}
+{{Event("busy")}}
+{{Event("callschanged")}}
+{{Event("cfstatechange")}}
+{{Event("connected")}}
+{{Event("connecting")}}
+{{Event("dialing")}}
+{{Event("disconnected")}}
+{{Event("disconnecting")}}
+{{Event("error_(Telephony)","error")}}
+{{Event("held")}}, {{Event("holding")}}
+{{Event("incoming")}}
+{{Event("resuming")}}
+{{Event("statechange")}}
+{{Event("voicechange")}}
+
+### 传感器事件
+
+{{Event("compassneedscalibration")}}
+{{Event("devicemotion")}}
+{{Event("deviceorientation")}}
+{{Event("orientationchange")}}
+
+### 智能卡事件
+
+{{Event("icccardlockerror")}}
+{{Event("iccinfochange")}}
+{{Event("smartcard-insert")}}
+{{Event("smartcard-remove")}}
+{{Event("stkcommand")}}
+{{Event("stksessionend")}}
+{{Event("cardstatechange")}}
+
+### 短信和 USSD 事件
+
+{{Event("delivered")}}
+{{Event("received")}}
+{{Event("sent")}}
+{{Event("ussdreceived")}}
+
+### 帧事件
+
+{{Event("mozbrowserclose")}}
+{{Event("mozbrowsercontextmenu")}}
+{{Event("mozbrowsererror")}}
+{{Event("mozbrowsericonchange")}}
+{{Event("mozbrowserlocationchange")}}
+{{Event("mozbrowserloadend")}}
+{{Event("mozbrowserloadstart")}}
+{{Event("mozbrowseropenwindow")}}
+{{Event("mozbrowsersecuritychange")}}
+{{Event("mozbrowsershowmodalprompt")}}
+{{Event("mozbrowsertitlechange")}}
+
+### DOM 变异事件
+
+[`DOMAttributeNameChanged`](/zh-CN/docs/DOM/Mutation_events)
+[`DOMAttrModified`](/zh-CN/docs/DOM/Mutation_events)
+[`DOMCharacterDataModified`](/zh-CN/docs/DOM/Mutation_events)
+{{Event("DOMContentLoaded")}}
+[`DOMElementNameChanged`](/zh-CN/docs/DOM/Mutation_events)
+[`DOMNodeInserted`](/zh-CN/docs/DOM/Mutation_events)
+[`DOMNodeInsertedIntoDocument`](/zh-CN/docs/DOM/Mutation_events)
+[`DOMNodeRemoved`](/zh-CN/docs/DOM/Mutation_events)
+[`DOMNodeRemovedFromDocument`](/zh-CN/docs/DOM/Mutation_events)
+[`DOMSubtreeModified`](/zh-CN/docs/DOM/Mutation_events)
+
+### 触摸事件
+
+{{Event("touchcancel")}}
+{{Event("touchend")}}
+{{Event("touchmove")}}
+{{Event("touchstart")}}
+
+### 指针事件
+
+{{Event("pointerover")}}
+{{Event("pointerenter")}}
+{{Event("pointerdown")}}
+{{Event("pointermove")}}
+{{Event("pointerup")}}
+{{Event("pointercancel")}}
+{{Event("pointerout")}}
+{{Event("pointerleave")}}
+{{Event("gotpointercapture")}}
+{{Event("lostpointercapture")}}
+
+## 标准事件
+
+这些事件在官方 Web 规范中定义，并且应在各个浏览器中通用。 每个事件都和代表事件接收方的对象（由此您可以查到每个事件提供的数据），定义这个事件的标准或标准链接会一起列出。
+
+| 事件名称                                                                                              | 事件类型                                                                                                                        | 规范                                                                                                                                                                                                          | 触发时机...                                                                                                                                                                                                                                 |
+| ----------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| {{Event("abort")}}                                                                              | {{DOMxRef("UIEvent")}}                                                                                                    | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-abort)                                                                                                                                           | 资源载入已被中止                                                                                                                                                                                                                            |
+| [`abort`](</zh-CN/docs/Web/Reference/Events/abort_(ProgressEvent)>)                                   | {{DOMxRef("ProgressEvent")}}                                                                                            | [Progress](http://www.w3.org/TR/progress-events/)and[XMLHttpRequest](http://www.w3.org/TR/XMLHttpRequest/#event-xhr-abort)                                                                                    | Progress 被终止 (不是 error 造成的)                                                                                                                                                                                                         |
+| [`abort`](/zh-CN/docs/Web/Reference/Events/abort_indexedDB)                                           | {{DOMxRef("Event")}}                                                                                                    | [IndexedDB](http://www.w3.org/TR/IndexedDB/#database-interface)                                                                                                                                               | 事务已被中止                                                                                                                                                                                                                                |
+| {{Event("afterprint")}}                                                                      | {{DOMxRef("Event")}}                                                                                                    | [HTML5](http://www.w3.org/TR/html5/webappapis.html#printing)                                                                                                                                                  | 相关文档已开始打印或打印预览已被关闭                                                                                                                                                                                                        |
+| {{Event("animationcancel")}}                                                                  | {{DOMxRef("AnimationEvent")}} {{Experimental_Inline}}                                                       | [CSS Animations](http://www.w3.org/TR/css3-animations/#animation-events)                                                                                                                                      | A [CSS animation](/zh-CN/docs/CSS/CSS_animations) has aborted.                                                                                                                                                                              |
+| {{Event("animationend")}}                                                                      | {{DOMxRef("AnimationEvent")}} {{Experimental_Inline}}                                                       | [CSS Animations](http://www.w3.org/TR/css3-animations/#animation-events)                                                                                                                                      | 完成一个[CSS 动画](/zh-CN/docs/CSS/CSS_animations)                                                                                                                                                                                          |
+| {{Event("animationiteration")}}                                                              | {{DOMxRef("AnimationEvent")}} {{Experimental_Inline}}                                                       | [CSS Animations](http://www.w3.org/TR/css3-animations/#animation-events)                                                                                                                                      | 重复播放一个[CSS 动画](/zh-CN/docs/CSS/CSS_animations)                                                                                                                                                                                      |
+| {{Event("animationstart")}}                                                                  | {{DOMxRef("AnimationEvent")}} {{Experimental_Inline}}                                                       | [CSS Animations](http://www.w3.org/TR/css3-animations/#animation-events)                                                                                                                                      | 一个 [CSS 动画](/zh-CN/docs/CSS/CSS_animations)已开始                                                                                                                                                                                       |
+| {{Event("appinstalled")}}                                                                      | {{DOMxRef("Event")}}                                                                                                    | [Web App Manifest](/zh-CN/docs/Web/Manifest)                                                                                                                                                                  | A web application is successfully installed as a [progressive web app](/en-US/Apps/Progressive).                                                                                                                                            |
+| {{Event("audioprocess")}}                                                                      | {{DOMxRef("AudioProcessingEvent")}} {{Deprecated_Inline}}                                                   | {{SpecName('Web Audio API', '#AudioProcessingEvent', 'audioprocess')}}                                                                                                                  | 一个{{DOMxRef("ScriptProcessorNode")}} 的输入缓冲区可处理                                                                                                                                                                         |
+| {{Event("audioend")}} {{Experimental_Inline}}                                         | {{DOMxRef("Event")}}                                                                                                    | {{SpecName('Web Speech API')}}                                                                                                                                                                      | 用户代理捕捉到用以语音识别的音频                                                                                                                                                                                                            |
+| {{Event("audiostart")}} {{Experimental_Inline}}                                     | {{DOMxRef("Event")}}                                                                                                    | {{SpecName('Web Speech API')}}                                                                                                                                                                      | 用户代理开始捕捉用以语音识别的音频                                                                                                                                                                                                          |
+| {{Event("beforeprint")}}                                                                      | {{DOMxRef("Event")}}                                                                                                    | [HTML5](http://www.w3.org/TR/html5/webappapis.html#printing)                                                                                                                                                  | 相关文档将要开始打印或准备打印预览                                                                                                                                                                                                          |
+| {{Event("beforeunload")}}                                                                      | {{DOMxRef("BeforeUnloadEvent")}}                                                                                    | [HTML5](http://www.w3.org/TR/html5/browsers.html#unloading-documents)                                                                                                                                         | 即将卸载 window，document 及其资源                                                                                                                                                                                                          |
+| {{Event("beginEvent")}}                                                                      | {{DOMxRef("TimeEvent")}}                                                                                                | [SVG](http://www.w3.org/TR/SVG/interact.html#SVGEvents)                                                                                                                                                       | A [SMIL](/zh-CN/docs/SVG/SVG_animation_with_SMIL) animation element begins.                                                                                                                                                                 |
+| [`blocked`](/zh-CN/docs/Web/Reference/Events/blocked_indexedDB)                                       |                                                                                                                                 | [IndexedDB](http://www.w3.org/TR/IndexedDB/#request-api)                                                                                                                                                      | An open connection to a database is blocking a `versionchange` transaction on the same database.                                                                                                                                            |
+| {{Event("blur")}}                                                                              | {{DOMxRef("FocusEvent")}} {{Experimental_Inline}}                                                               | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-blur)                                                                                                                                            | An element has lost focus (does not bubble).                                                                                                                                                                                                |
+| {{Event("boundary")}} {{Experimental_Inline}}                                         | {{DOMxRef("SpeechSynthesisEvent")}}                                                                                | {{SpecName('Web Speech API')}}                                                                                                                                                                      | The spoken utterance reaches a word or sentence boundary                                                                                                                                                                                    |
+| {{Event("canplay")}}                                                                          | {{DOMxRef("Event")}}                                                                                                    | [HTML5 media](http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-canplay)                                                                                         | The user agent can play the media, but estimates that not enough data has been loaded to play the media up to its end without having to stop for further buffering of content.                                                              |
+| {{Event("canplaythrough")}}                                                                  | {{DOMxRef("Event")}}                                                                                                    | [HTML5 media](http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-canplaythrough)                                                                                  | The user agent can play the media up to its end without having to stop for further buffering of content.                                                                                                                                    |
+| {{Event("change")}}                                                                              | {{DOMxRef("Event")}}                                                                                                    | [DOM L2](http://www.w3.org/TR/DOM-Level-2-Events/events.html), [HTML5](http://www.whatwg.org/specs/web-apps/current-work/multipage/common-input-element-attributes.html#event-input-change)                   | The `change` event is fired for {{HTMLElement("input")}}, {{HTMLElement("select")}}, and {{HTMLElement("textarea")}} elements when a change to the element's value is committed by the user.                        |
+| {{Event("chargingchange")}}                                                                  | {{DOMxRef("Event")}}                                                                                                    | [Battery status](https://dvcs.w3.org/hg/dap/raw-file/tip/battery/Overview.html)                                                                                                                               | The battery begins or stops charging.                                                                                                                                                                                                       |
+| {{Event("chargingtimechange")}}                                                              | {{DOMxRef("Event")}}                                                                                                    | [Battery status](https://dvcs.w3.org/hg/dap/raw-file/tip/battery/Overview.html)                                                                                                                               | The `chargingTime` attribute has been updated.                                                                                                                                                                                              |
+| {{Event("click")}}                                                                              | {{DOMxRef("MouseEvent")}}                                                                                                | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-click)                                                                                                                                           | A pointing device button has been pressed and released on an element.                                                                                                                                                                       |
+| [`close`](/zh-CN/docs/Web/Reference/Events/close_websocket)                                           | {{DOMxRef("Event")}}                                                                                                    | [WebSocket](http://www.w3.org/TR/websockets/)                                                                                                                                                                 | A WebSocket connection has been closed.                                                                                                                                                                                                     |
+| [`complete`](/zh-CN/docs/Web/Reference/Events/complete_indexedDB)                                     |                                                                                                                                 | [IndexedDB](http://www.w3.org/TR/IndexedDB/#transaction)                                                                                                                                                      | A transaction successfully completed.                                                                                                                                                                                                       |
+| {{Event("complete")}}                                                                          | {{DOMxRef("OfflineAudioCompletionEvent")}} {{Deprecated_Inline}}                                           | {{SpecName('Web Audio API', '#OfflineAudioCompletionEvent-section', 'OfflineAudioCompletionEvent')}}                                                                          | The rendering of an {{DOMxRef("OfflineAudioContext")}} is terminated.                                                                                                                                                             |
+| {{Event("compositionend")}}                                                                  | {{DOMxRef("CompositionEvent")}}                                                                                        | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-compositionend)                                                                                                                                  | The composition of a passage of text has been completed or canceled.                                                                                                                                                                        |
+| {{Event("compositionstart")}}                                                              | {{DOMxRef("CompositionEvent")}}                                                                                        | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-compositionstart)                                                                                                                                | The composition of a passage of text is prepared (similar to keydown for a keyboard input, but works with other inputs such as speech recognition).                                                                                         |
+| {{Event("compositionupdate")}}                                                              | {{DOMxRef("CompositionEvent")}}                                                                                        | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-compositionupdate)                                                                                                                               | A character is added to a passage of text being composed.                                                                                                                                                                                   |
+| {{Event("contextmenu")}}                                                                      | {{DOMxRef("MouseEvent")}}                                                                                                | [HTML5](https://html.spec.whatwg.org/multipage/forms.html#context-menus)                                                                                                                                      | The right button of the mouse is clicked (before the context menu is displayed).                                                                                                                                                            |
+| {{Event("copy")}}                                                                              | {{DOMxRef("ClipboardEvent")}} {{Experimental_Inline}}                                                       | [Clipboard](http://www.w3.org/TR/clipboard-apis/#copy-event)                                                                                                                                                  | The text selection has been added to the clipboard.                                                                                                                                                                                         |
+| {{Event("cut")}}                                                                                  | {{DOMxRef("ClipboardEvent")}} {{Experimental_Inline}}                                                       | [Clipboard](http://www.w3.org/TR/clipboard-apis/#cut-event)                                                                                                                                                   | The text selection has been removed from the document and added to the clipboard.                                                                                                                                                           |
+| {{Event("dblclick")}}                                                                          | {{DOMxRef("MouseEvent")}}                                                                                                | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-dblclick)                                                                                                                                        | A pointing device button is clicked twice on an element.                                                                                                                                                                                    |
+| {{Event("devicechange")}}                                                                      | {{DOMxRef("Event")}}                                                                                                    | {{SpecName("Media Capture")}}                                                                                                                                                                      | A media device such as a camera, microphone, or speaker is connected or removed from the system.                                                                                                                                            |
+| {{Event("devicemotion")}}                                                                      | {{DOMxRef("DeviceMotionEvent")}} {{Experimental_Inline}}                                                   | [Device Orientation Events](http://dev.w3.org/geo/api/spec-source-orientation.html)                                                                                                                           | Fresh data is available from a motion sensor.                                                                                                                                                                                               |
+| {{Event("deviceorientation")}}                                                              | {{DOMxRef("DeviceOrientationEvent")}} {{Experimental_Inline}}                                               | [Device Orientation Events](http://dev.w3.org/geo/api/spec-source-orientation.html)                                                                                                                           | Fresh data is available from an orientation sensor.                                                                                                                                                                                         |
+| {{Event("dischargingtimechange")}}                                                          | {{DOMxRef("Event")}}                                                                                                    | [Battery status](https://dvcs.w3.org/hg/dap/raw-file/tip/battery/Overview.html)                                                                                                                               | The `dischargingTime` attribute has been updated.                                                                                                                                                                                           |
+| `DOMActivate` {{Deprecated_Inline}}                                                            | {{DOMxRef("UIEvent")}}                                                                                                    | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMActivate)                                                                                                                                     | A button, link or state changing element is activated (use {{Event("click")}} instead).                                                                                                                                               |
+| [`DOMAttributeNameChanged`](/zh-CN/docs/DOM/Mutation_events) {{Deprecated_Inline}}             | {{DOMxRef("MutationNameEvent")}}                                                                                    | [DOM L3](http://www.w3.org/TR/2011/WD-DOM-Level-3-Events-20110531/#event-type-DOMAttributeNameChanged) Removed                                                                                                | The name of an attribute changed (use [mutation observers](/zh-CN/docs/DOM/MutationObserver) instead).                                                                                                                                      |
+| [`DOMAttrModified`](/zh-CN/docs/DOM/Mutation_events) {{Deprecated_Inline}}                     | {{DOMxRef("MutationEvent")}}                                                                                            | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMAttrModified)                                                                                                                                 | The value of an attribute has been modified (use [mutation observers](/zh-CN/docs/DOM/MutationObserver) instead).                                                                                                                           |
+| [`DOMCharacterDataModified`](/zh-CN/docs/DOM/Mutation_events) {{Deprecated_Inline}}            | {{DOMxRef("MutationEvent")}}                                                                                            | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMCharacterDataModified)                                                                                                                        | A text or another [CharacterData](/zh-CN/docs/DOM/CharacterData) has changed (use [mutation observers](/zh-CN/docs/DOM/MutationObserver) instead).                                                                                          |
+| {{Event("DOMContentLoaded")}}                                                              | {{DOMxRef("Event")}}                                                                                                    | [HTML5](http://www.whatwg.org/specs/web-apps/current-work/multipage/the-end.html#the-end)                                                                                                                     | The document has finished loading (but not its dependent resources).                                                                                                                                                                        |
+| [`DOMElementNameChanged`](/zh-CN/docs/DOM/Mutation_events) {{Deprecated_Inline}}               | {{DOMxRef("MutationNameEvent")}}                                                                                    | [DOM L3](http://www.w3.org/TR/2011/WD-DOM-Level-3-Events-20110531/#event-type-DOMElementNameChanged) Removed                                                                                                  | The name of an element changed (use [mutation observers](/zh-CN/docs/DOM/MutationObserver) instead).                                                                                                                                        |
+| `DOMFocusIn` {{Deprecated_Inline}}                                                             | {{DOMxRef("FocusEvent")}} {{Experimental_Inline}}                                                               | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMFocusIn)                                                                                                                                      | An element has received focus (use {{Event("focus")}} or {{Event("focusin")}} instead).                                                                                                                                       |
+| `DOMFocusOut` {{Deprecated_Inline}}                                                            | {{DOMxRef("FocusEvent")}} {{Experimental_Inline}}                                                               | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMFocusOut)                                                                                                                                     | An element has lost focus (use {{Event("blur")}} or {{Event("focusout")}} instead).                                                                                                                                           |
+| [`DOMNodeInserted`](/zh-CN/docs/DOM/Mutation_events) {{Deprecated_Inline}}                     | {{DOMxRef("MutationEvent")}}                                                                                            | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMNodeInserted)                                                                                                                                 | A node has been added as a child of another node (use [mutation observers](/zh-CN/docs/DOM/MutationObserver) instead).                                                                                                                      |
+| [`DOMNodeInsertedIntoDocument`](/zh-CN/docs/DOM/Mutation_events) {{Deprecated_Inline}}         | {{DOMxRef("MutationEvent")}}                                                                                            | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMNodeInsertedIntoDocument)                                                                                                                     | A node has been inserted into the document (use [mutation observers](/zh-CN/docs/DOM/MutationObserver) instead).                                                                                                                            |
+| [`DOMNodeRemoved`](/zh-CN/docs/DOM/Mutation_events) {{Deprecated_Inline}}                      | {{DOMxRef("MutationEvent")}}                                                                                            | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMNodeRemoved)                                                                                                                                  | A node has been removed from its parent node (use [mutation observers](/zh-CN/docs/DOM/MutationObserver) instead).                                                                                                                          |
+| [`DOMNodeRemovedFromDocument`](/zh-CN/docs/DOM/Mutation_events) {{Deprecated_Inline}}          | {{DOMxRef("MutationEvent")}}                                                                                            | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMNodeRemovedFromDocument)                                                                                                                      | A node has been removed from the document (use [mutation observers](/zh-CN/docs/DOM/MutationObserver) instead).                                                                                                                             |
+| [`DOMSubtreeModified`](/zh-CN/docs/DOM/Mutation_events) {{Deprecated_Inline}}                  | {{DOMxRef("MutationEvent")}}                                                                                            | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMSubtreeModified)                                                                                                                              | A change happened in the document (use [mutation observers](/zh-CN/docs/DOM/MutationObserver) instead).                                                                                                                                     |
+| {{Event("drag")}}                                                                              | {{DOMxRef("DragEvent")}}                                                                                                | [HTML5](http://www.whatwg.org/specs/web-apps/current-work/multipage/dnd.html#event-drag)                                                                                                                      | An element or text selection is being dragged (every 350ms).                                                                                                                                                                                |
+| {{Event("dragend")}}                                                                          | {{DOMxRef("DragEvent")}}                                                                                                | [HTML5](http://www.whatwg.org/specs/web-apps/current-work/multipage/dnd.html#event-dragend)                                                                                                                   | A drag operation is being ended (by releasing a mouse button or hitting the escape key).                                                                                                                                                    |
+| {{Event("dragenter")}}                                                                          | {{DOMxRef("DragEvent")}}                                                                                                | [HTML5](http://www.whatwg.org/specs/web-apps/current-work/multipage/dnd.html#event-dragenter)                                                                                                                 | A dragged element or text selection enters a valid drop target.                                                                                                                                                                             |
+| {{Event("dragleave")}}                                                                          | {{DOMxRef("DragEvent")}}                                                                                                | [HTML5](http://www.whatwg.org/specs/web-apps/current-work/multipage/dnd.html#event-dragleave)                                                                                                                 | A dragged element or text selection leaves a valid drop target.                                                                                                                                                                             |
+| {{Event("dragover")}}                                                                          | {{DOMxRef("DragEvent")}}                                                                                                | [HTML5](http://www.whatwg.org/specs/web-apps/current-work/multipage/dnd.html#event-dragover)                                                                                                                  | An element or text selection is being dragged over a valid drop target (every 350ms).                                                                                                                                                       |
+| {{Event("dragstart")}}                                                                          | {{DOMxRef("DragEvent")}}                                                                                                | [HTML5](http://www.whatwg.org/specs/web-apps/current-work/multipage/dnd.html#event-dragstart)                                                                                                                 | The user starts dragging an element or text selection.                                                                                                                                                                                      |
+| {{Event("drop")}}                                                                              | {{DOMxRef("DragEvent")}}                                                                                                | [HTML5](http://www.whatwg.org/specs/web-apps/current-work/multipage/dnd.html#event-drop)                                                                                                                      | An element is dropped on a valid drop target.                                                                                                                                                                                               |
+| {{Event("durationchange")}}                                                                  | {{DOMxRef("Event")}}                                                                                                    | [HTML5 media](http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-durationchange)                                                                                  | The `duration` attribute has been updated.                                                                                                                                                                                                  |
+| {{Event("emptied")}}                                                                          | {{DOMxRef("Event")}}                                                                                                    | [HTML5 media](http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-emptied)                                                                                         | The media has become empty; for example, this event is sent if the media has already been loaded (or partially loaded), and the [`load()`](/zh-CN/docs/XPCOM_Interface_Reference/NsIDOMHTMLMediaElement) method is called to reload it.     |
+| {{Event("end_(SpeechRecognition)","end")}} {{Experimental_Inline}}             | {{DOMxRef("Event")}}                                                                                                    | {{SpecName('Web Speech API')}}                                                                                                                                                                      | The speech recognition service has disconnected.                                                                                                                                                                                            |
+| {{Event("end_(SpeechSynthesis)","end")}} {{Experimental_Inline}}                 | {{DOMxRef("SpeechSynthesisEvent")}}                                                                                | {{SpecName("Web Speech API")}}                                                                                                                                                                      | The utterance has finished being spoken.                                                                                                                                                                                                    |
+| {{Event("ended")}}                                                                              | {{DOMxRef("Event")}}                                                                                                    | [HTML5 media](http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-ended)                                                                                           | Playback has stopped because the end of the media was reached.                                                                                                                                                                              |
+| {{Event("ended_(Web_Audio)", "ended")}}                                                  | {{DOMxRef("Event")}}                                                                                                    | {{SpecName("Web Audio API")}}                                                                                                                                                                      | Playback has stopped because the end of the media was reached.                                                                                                                                                                              |
+| {{Event("endEvent")}}                                                                          | {{DOMxRef("TimeEvent")}}                                                                                                | [SVG](http://www.w3.org/TR/SVG/interact.html#SVGEvents)                                                                                                                                                       | A [SMIL](/zh-CN/docs/SVG/SVG_animation_with_SMIL) animation element ends.                                                                                                                                                                   |
+| {{Event("error")}}                                                                              | {{DOMxRef("UIEvent")}}                                                                                                    | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-error)                                                                                                                                           | A resource failed to load.                                                                                                                                                                                                                  |
+| {{Event("error")}}                                                                              | {{DOMxRef("ProgressEvent")}}                                                                                            | [Progress](http://www.w3.org/TR/progress-events/) and [XMLHttpRequest](http://www.w3.org/TR/XMLHttpRequest/#event-xhr-error)                                                                                  | Progression has failed.                                                                                                                                                                                                                     |
+| {{Event("error")}}                                                                              | {{DOMxRef("Event")}}                                                                                                    | [WebSocket](http://www.w3.org/TR/websockets/)                                                                                                                                                                 | A WebSocket connection has been closed with prejudice (some data couldn't be sent for example).                                                                                                                                             |
+| {{Event("error")}}                                                                              | {{DOMxRef("Event")}}                                                                                                    | [Server Sent Events](http://dev.w3.org/html5/eventsource/)                                                                                                                                                    | An event source connection has been failed.                                                                                                                                                                                                 |
+| {{Event("error")}}                                                                              | {{DOMxRef("Event")}}                                                                                                    | [IndexedDB](http://www.w3.org/TR/IndexedDB/#request-api)                                                                                                                                                      | A request caused an error and failed.                                                                                                                                                                                                       |
+| {{Event("error_(SpeechRecognitionError)","error")}} {{Experimental_Inline}} | {{DOMxRef("Event")}}                                                                                                    | {{SpecName('Web Speech API')}}                                                                                                                                                                      | A speech recognition error occurs.                                                                                                                                                                                                          |
+| {{Event("error_(SpeechSynthesisError)","error")}}                                      | {{DOMxRef("SpeechSynthesisErrorEvent")}}                                                                            | {{SpecName('Web Speech API')}}                                                                                                                                                                      | An error occurs that prevents the utterance from being successfully spoken.                                                                                                                                                                 |
+| {{Event("focus")}}                                                                              | {{DOMxRef("FocusEvent")}} {{Experimental_Inline}}                                                               | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-focus)                                                                                                                                           | An element has received focus (does not bubble).                                                                                                                                                                                            |
+| {{Event("focusin")}}                                                                          | {{DOMxRef("FocusEvent")}} {{Experimental_Inline}}                                                               | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-focusIn)                                                                                                                                         | An element is about to receive focus (bubbles).                                                                                                                                                                                             |
+| {{Event("focusout")}}                                                                          | {{DOMxRef("FocusEvent")}} {{Experimental_Inline}}                                                               | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-focusout)                                                                                                                                        | An element is about to lose focus (bubbles).                                                                                                                                                                                                |
+| {{Event("fullscreenchange")}}                                                              | {{DOMxRef("Event")}}                                                                                                    | [Full Screen](https://dvcs.w3.org/hg/fullscreen/raw-file/tip/Overview.html#api)                                                                                                                               | An element was turned to fullscreen mode or back to normal mode.                                                                                                                                                                            |
+| {{Event("fullscreenerror")}}                                                                  | {{DOMxRef("Event")}}                                                                                                    | [Full Screen](https://dvcs.w3.org/hg/fullscreen/raw-file/tip/Overview.html#api)                                                                                                                               | It was impossible to switch to fullscreen mode for technical reasons or because the permission was denied.                                                                                                                                  |
+| {{Event("gamepadconnected")}}                                                              | {{DOMxRef("GamepadEvent")}} {{Experimental_Inline}}                                                           | [Gamepad](http://www.w3.org/TR/gamepad/#the-gamepadconnected-event)                                                                                                                                           | A gamepad has been connected.                                                                                                                                                                                                               |
+| {{Event("gamepaddisconnected")}}                                                          | {{DOMxRef("GamepadEvent")}} {{Experimental_Inline}}                                                           | [Gamepad](http://www.w3.org/TR/gamepad/#the-gamepaddisconnected-event)                                                                                                                                        | A gamepad has been disconnected.                                                                                                                                                                                                            |
+| {{Event("gotpointercapture")}}                                                              | {{DOMxRef("PointerEvent")}}                                                                                            | [Pointer Events](http://www.w3.org/TR/pointerevents/#the-gotpointercapture-event)                                                                                                                             | Element receives pointer capture.                                                                                                                                                                                                           |
+| {{Event("hashchange")}}                                                                      | {{DOMxRef("HashChangeEvent")}}                                                                                        | [HTML5](http://www.whatwg.org/specs/web-apps/current-work/multipage/history.html#event-hashchange)                                                                                                            | The fragment identifier of the URL has changed (the part of the URL after the #).                                                                                                                                                           |
+| {{Event("lostpointercapture")}}                                                              | {{DOMxRef("PointerEvent")}}                                                                                            | [Pointer Events](http://www.w3.org/TR/pointerevents/#the-lostpointercapture-event)                                                                                                                            | Element lost pointer capture.                                                                                                                                                                                                               |
+| {{Event("input")}}                                                                              | {{DOMxRef("Event")}}                                                                                                    | [HTML5](http://www.w3.org/TR/html5/forms.html#common-event-behaviors)                                                                                                                                         | The value of an element changes or the content of an element with the attribute [contenteditable](/zh-CN/docs/DOM/Element.contentEditable) is modified.                                                                                     |
+| {{Event("invalid")}}                                                                          | {{DOMxRef("Event")}}                                                                                                    | [HTML5](http://www.whatwg.org/specs/web-apps/current-work/multipage/association-of-controls-and-forms.html#constraint-validation)                                                                             | A submittable element has been checked and doesn't satisfy its constraints.                                                                                                                                                                 |
+| {{Event("keydown")}}                                                                          | {{DOMxRef("KeyboardEvent")}}                                                                                            | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-keydown)                                                                                                                                         | A key is pressed down.                                                                                                                                                                                                                      |
+| {{Event("keypress")}}                                                                          | {{DOMxRef("KeyboardEvent")}}                                                                                            | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-keypress)                                                                                                                                        | A key is pressed down and that key normally produces a character value (use input instead).                                                                                                                                                 |
+| {{Event("keyup")}}                                                                              | {{DOMxRef("KeyboardEvent")}}                                                                                            | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-keyup)                                                                                                                                           | A key is released.                                                                                                                                                                                                                          |
+| {{Event("languagechange")}} {{Experimental_Inline}}                                 | {{DOMxRef("Event")}}                                                                                                    | {{ SpecName('HTML5.1', '#dom-navigator-languages', 'NavigatorLanguage.languages') }}                                                                                              | The user's preferred languages have changed.                                                                                                                                                                                                |
+| {{Event("levelchange")}}                                                                      | {{DOMxRef("Event")}}                                                                                                    | [Battery status](https://dvcs.w3.org/hg/dap/raw-file/tip/battery/Overview.html)                                                                                                                               | The `level` attribute has been updated.                                                                                                                                                                                                     |
+| {{Event("load")}}                                                                              | {{DOMxRef("UIEvent")}}                                                                                                    | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-load)                                                                                                                                            | A resource and its dependent resources have finished loading.                                                                                                                                                                               |
+| [`load`](</zh-CN/docs/Web/Reference/Events/load_(ProgressEvent)>)                                     | {{DOMxRef("ProgressEvent")}}                                                                                            | [Progress](http://www.w3.org/TR/progress-events/) and [XMLHttpRequest](http://www.w3.org/TR/XMLHttpRequest/#event-xhr-load)                                                                                   | Progression has been successful.                                                                                                                                                                                                            |
+| {{Event("loadeddata")}}                                                                      | {{DOMxRef("Event")}}                                                                                                    | [HTML5 media](http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-loadeddata)                                                                                      | The first frame of the media has finished loading.                                                                                                                                                                                          |
+| {{Event("loadedmetadata")}}                                                                  | {{DOMxRef("Event")}}                                                                                                    | [HTML5 media](http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-loadedmetadata)                                                                                  | The metadata has been loaded.                                                                                                                                                                                                               |
+| {{Event("loadend")}}                                                                          | {{DOMxRef("ProgressEvent")}}                                                                                            | [Progress](http://www.w3.org/TR/progress-events/) and [XMLHttpRequest](http://www.w3.org/TR/XMLHttpRequest/#event-xhr-loadend)                                                                                | Progress has stopped (after "error", "abort" or "load" have been dispatched).                                                                                                                                                               |
+| {{Event("loadstart")}}                                                                          | {{DOMxRef("ProgressEvent")}}                                                                                            | [Progress ](http://www.w3.org/TR/progress-events/)and [XMLHttpRequest](http://www.w3.org/TR/XMLHttpRequest/#event-xhr-loadstart)                                                                              | Progress has begun.                                                                                                                                                                                                                         |
+| {{Event("mark")}} {{Experimental_Inline}}                                             | {{DOMxRef("SpeechSynthesisEvent")}}                                                                                | {{SpecName('Web Speech API')}}                                                                                                                                                                      | The spoken utterance reaches a named SSML "mark" tag.                                                                                                                                                                                       |
+| [`message`](/zh-CN/docs/Web/Reference/Events/message_websocket)                                       | {{DOMxRef("MessageEvent")}}                                                                                            | [WebSocket](http://www.w3.org/TR/websockets/)                                                                                                                                                                 | A message is received through a WebSocket.                                                                                                                                                                                                  |
+| [`message`](/zh-CN/docs/Web/Reference/Events/message_webworker)                                       | {{DOMxRef("MessageEvent")}}                                                                                            | [Web Workers](http://www.w3.org/TR/workers/#communicating-with-a-dedicated-worker)                                                                                                                            | A message is received from a Web Worker.                                                                                                                                                                                                    |
+| [`message`](/zh-CN/docs/Web/Reference/Events/message_webmessaging)                                    | {{DOMxRef("MessageEvent")}}                                                                                            | [Web Messaging](http://www.w3.org/TR/webmessaging/)                                                                                                                                                           | A message is received from a child (i)frame or a parent window.                                                                                                                                                                             |
+| [`message`](/zh-CN/docs/Web/Reference/Events/message_serversentevents)                                | {{DOMxRef("MessageEvent")}}                                                                                            | [Server Sent Events](http://dev.w3.org/html5/eventsource/)                                                                                                                                                    | A message is received through an event source.                                                                                                                                                                                              |
+| {{Event("messageerror")}}                                                                      | {{DOMxRef("MessageEvent")}}                                                                                            | {{DOMxRef("MessagePort")}}, [Web Workers](/zh-CN/docs/Web/API/Web_Workers_API), [Broadcast Channel](/zh-CN/docs/Web/API/Broadcast_Channel_API), {{DOMxRef("Window")}}                        | A message error is raised when a message is received by an object.                                                                                                                                                                          |
+| {{Event("message_(ServiceWorker)","message")}} {{Experimental_Inline}}         | {{DOMxRef("ServiceWorkerMessageEvent")}} or {{DOMxRef("ExtendableMessageEvent")}}, depending on context. | [Service Workers](/zh-CN/docs/Web/API/Service_Worker_API)                                                                                                                                                     | A message is received from a service worker, or a message is received in a service worker from another context.                                                                                                                             |
+| {{Event("mousedown")}}                                                                          | {{DOMxRef("MouseEvent")}}                                                                                                | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-mousedown)                                                                                                                                       | A pointing device button (usually a mouse) is pressed on an element.                                                                                                                                                                        |
+| {{Event("mouseenter")}}                                                                      | {{DOMxRef("MouseEvent")}}                                                                                                | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-mouseenter)                                                                                                                                      | A pointing device is moved onto the element that has the listener attached.                                                                                                                                                                 |
+| {{Event("mouseleave")}}                                                                      | {{DOMxRef("MouseEvent")}}                                                                                                | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-mouseleave)                                                                                                                                      | A pointing device is moved off the element that has the listener attached.                                                                                                                                                                  |
+| {{Event("mousemove")}}                                                                          | {{DOMxRef("MouseEvent")}}                                                                                                | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-mousemove)                                                                                                                                       | A pointing device is moved over an element.                                                                                                                                                                                                 |
+| {{Event("mouseout")}}                                                                          | {{DOMxRef("MouseEvent")}}                                                                                                | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-mouseout)                                                                                                                                        | A pointing device is moved off the element that has the listener attached or off one of its children.                                                                                                                                       |
+| {{Event("mouseover")}}                                                                          | {{DOMxRef("MouseEvent")}}                                                                                                | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-mouseover)                                                                                                                                       | A pointing device is moved onto the element that has the listener attached or onto one of its children.                                                                                                                                     |
+| {{Event("mouseup")}}                                                                          | {{DOMxRef("MouseEvent")}}                                                                                                | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-mouseup)                                                                                                                                         | A pointing device button is released over an element.                                                                                                                                                                                       |
+| {{Event("nomatch")}} {{Experimental_Inline}}                                         | {{DOMxRef("SpeechRecognitionEvent")}}                                                                                | {{SpecName('Web Speech API')}}                                                                                                                                                                      | The speech recognition service returns a final result with no significant recognition.                                                                                                                                                      |
+| {{Event("notificationclick")}}                                                              | {{DOMxRef("NotificationEvent")}} {{Experimental_Inline}}                                                   | {{SpecName('Web Notifications','#dom-serviceworkerglobalscope-onnotificationclick','onnotificationclick')}}                                                              | A system notification spawned by {{DOMxRef("ServiceWorkerRegistration.showNotification()")}} has been clicked.                                                                                                         |
+| {{Event("offline")}}                                                                          | {{DOMxRef("Event")}}                                                                                                    | [HTML5 offline](http://www.whatwg.org/specs/web-apps/current-work/multipage/offline.html#event-offline)                                                                                                       | The browser has lost access to the network.                                                                                                                                                                                                 |
+| {{Event("online")}}                                                                              | {{DOMxRef("Event")}}                                                                                                    | [HTML5 offline](http://www.whatwg.org/specs/web-apps/current-work/multipage/offline.html#event-online)                                                                                                        | The browser has gained access to the network (but particular websites might be unreachable).                                                                                                                                                |
+| [`open`](/zh-CN/docs/Web/Reference/Events/open_websocket)                                             | {{DOMxRef("Event")}}                                                                                                    | [WebSocket](http://www.w3.org/TR/websockets/)                                                                                                                                                                 | A WebSocket connection has been established.                                                                                                                                                                                                |
+| [`open`](/zh-CN/docs/Web/Reference/Events/open_serversentevents)                                      | {{DOMxRef("Event")}}                                                                                                    | [Server Sent Events](http://dev.w3.org/html5/eventsource/)                                                                                                                                                    | An event source connection has been established.                                                                                                                                                                                            |
+| {{Event("orientationchange")}}                                                              | {{DOMxRef("Event")}}                                                                                                    | [Screen Orientation](http://www.w3.org/TR/screen-orientation/)                                                                                                                                                | The orientation of the device (portrait/landscape) has changed                                                                                                                                                                              |
+| {{Event("pagehide")}}                                                                          | {{DOMxRef("PageTransitionEvent")}}                                                                                    | [HTML5](http://www.whatwg.org/specs/web-apps/current-work/multipage/history.html#event-pagehide)                                                                                                              | A session history entry is being traversed from.                                                                                                                                                                                            |
+| {{Event("pageshow")}}                                                                          | {{DOMxRef("PageTransitionEvent")}}                                                                                    | [HTML5](http://www.whatwg.org/specs/web-apps/current-work/multipage/history.html#event-pageshow)                                                                                                              | A session history entry is being traversed to.                                                                                                                                                                                              |
+| {{Event("paste")}}                                                                              | {{DOMxRef("ClipboardEvent")}} {{Experimental_Inline}}                                                       | [Clipboard](http://www.w3.org/TR/clipboard-apis/#paste-event)                                                                                                                                                 | Data has been transferred from the system clipboard to the document.                                                                                                                                                                        |
+| {{Event("pause")}}                                                                              | {{DOMxRef("Event")}}                                                                                                    | [HTML5 media](http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-pause)                                                                                           | Playback has been paused.                                                                                                                                                                                                                   |
+| {{Event("pause_(SpeechSynthesis)", "pause")}} {{Experimental_Inline}}         | {{DOMxRef("SpeechSynthesisEvent")}}                                                                                | {{SpecName('Web Speech API')}}                                                                                                                                                                      | The utterance is paused part way through.                                                                                                                                                                                                   |
+| {{Event("pointercancel")}}                                                                  | {{DOMxRef("PointerEvent")}}                                                                                            | [Pointer Events](http://www.w3.org/TR/pointerevents/#the-pointercancel-event)                                                                                                                                 | The pointer is unlikely to produce any more events.                                                                                                                                                                                         |
+| {{Event("pointerdown")}}                                                                      | {{DOMxRef("PointerEvent")}}                                                                                            | [Pointer Events](http://www.w3.org/TR/pointerevents/#the-pointerdown-event)                                                                                                                                   | The pointer enters the active buttons state.                                                                                                                                                                                                |
+| {{Event("pointerenter")}}                                                                      | {{DOMxRef("PointerEvent")}}                                                                                            | [Pointer Events](http://www.w3.org/TR/pointerevents/#the-pointerenter-event)                                                                                                                                  | Pointing device is moved inside the hit-testing boundary.                                                                                                                                                                                   |
+| {{Event("pointerleave")}}                                                                      | {{DOMxRef("PointerEvent")}}                                                                                            | [Pointer Events](http://www.w3.org/TR/pointerevents/#the-pointerleave-event)                                                                                                                                  | Pointing device is moved out of the hit-testing boundary.                                                                                                                                                                                   |
+| {{Event("pointerlockchange")}}                                                              | {{DOMxRef("Event")}}                                                                                                    | [Pointer Lock](http://www.w3.org/TR/pointerlock/#pointerlockchange-and-pointerlockerror-events)                                                                                                               | The pointer was locked or released.                                                                                                                                                                                                         |
+| {{Event("pointerlockerror")}}                                                              | {{DOMxRef("Event")}}                                                                                                    | [Pointer Lock](http://www.w3.org/TR/pointerlock/#pointerlockchange-and-pointerlockerror-events)                                                                                                               | It was impossible to lock the pointer for technical reasons or because the permission was denied.                                                                                                                                           |
+| {{Event("pointermove")}}                                                                      | {{DOMxRef("PointerEvent")}}                                                                                            | [Pointer Events](http://www.w3.org/TR/pointerevents/#the-pointermove-event)                                                                                                                                   | The pointer changed coordinates.                                                                                                                                                                                                            |
+| {{Event("pointerout")}}                                                                      | {{DOMxRef("PointerEvent")}}                                                                                            | [Pointer Events](http://www.w3.org/TR/pointerevents/#the-pointerout-event)                                                                                                                                    | The pointing device moved out of hit-testing boundary or leaves detectable hover range.                                                                                                                                                     |
+| {{Event("pointerover")}}                                                                      | {{DOMxRef("PointerEvent")}}                                                                                            | [Pointer Events](http://www.w3.org/TR/pointerevents/#the-pointerover-event)                                                                                                                                   | The pointing device is moved into the hit-testing boundary.                                                                                                                                                                                 |
+| {{Event("pointerup")}}                                                                          | {{DOMxRef("PointerEvent")}}                                                                                            | [Pointer Events](http://www.w3.org/TR/pointerevents/#the-pointerup-event)                                                                                                                                     | The pointer leaves the active buttons state.                                                                                                                                                                                                |
+| {{Event("play")}}                                                                              | {{DOMxRef("Event")}}                                                                                                    | [HTML5 media](http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-play)                                                                                            | Playback has begun.                                                                                                                                                                                                                         |
+| {{Event("playing")}}                                                                          | {{DOMxRef("Event")}}                                                                                                    | [HTML5 media](http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-playing)                                                                                         | Playback is ready to start after having been paused or delayed due to lack of data.                                                                                                                                                         |
+| {{Event("popstate")}}                                                                          | {{DOMxRef("PopStateEvent")}}                                                                                            | [HTML5](http://www.whatwg.org/specs/web-apps/current-work/multipage/history.html#event-popstate)                                                                                                              | A session history entry is being navigated to (in certain cases).                                                                                                                                                                           |
+| {{Event("progress")}}                                                                          | {{DOMxRef("ProgressEvent")}}                                                                                            | [Progress](http://www.w3.org/TR/progress-events/) and [XMLHttpRequest](http://www.w3.org/TR/XMLHttpRequest/#event-xhr-progress)                                                                               | In progress.                                                                                                                                                                                                                                |
+| {{Event("push")}}                                                                              | {{DOMxRef("PushEvent")}} {{Experimental_Inline}}                                                               | {{SpecName("Push API")}}                                                                                                                                                                              | A [Service Worker](/zh-CN/docs/Web/API/Service_Worker_API) has received a push message.                                                                                                                                                     |
+| {{Event("pushsubscriptionchange")}}                                                      | {{DOMxRef("PushEvent")}} {{Experimental_Inline}}                                                               | {{SpecName("Push API")}}                                                                                                                                                                              | A [PushSubscription](/zh-CN/docs/Web/API/PushSubscription) has expired.                                                                                                                                                                     |
+| {{Event("ratechange")}}                                                                      | {{DOMxRef("Event")}}                                                                                                    | [HTML5 media](http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-ratechange)                                                                                      | The playback rate has changed.                                                                                                                                                                                                              |
+| {{Event("readystatechange")}}                                                              | {{DOMxRef("Event")}}                                                                                                    | HTML5 and [XMLHttpRequest](http://www.w3.org/TR/XMLHttpRequest/#event-xhr-readystatechange)                                                                                                                   | The readyState attribute of a document has changed.                                                                                                                                                                                         |
+| {{Event("repeatEvent")}}                                                                      | {{DOMxRef("TimeEvent")}}                                                                                                | [SVG](http://www.w3.org/TR/SVG/interact.html#SVGEvents)                                                                                                                                                       | A [SMIL](/zh-CN/docs/SVG/SVG_animation_with_SMIL) animation element is repeated.                                                                                                                                                            |
+| {{Event("reset")}}                                                                              | {{DOMxRef("Event")}}                                                                                                    | [DOM L2](http://www.w3.org/TR/DOM-Level-2-Events/events.html), [HTML5](http://www.whatwg.org/specs/web-apps/current-work/multipage/association-of-controls-and-forms.html#form-submission-0#resetting-a-form) | A form is reset.                                                                                                                                                                                                                            |
+| {{Event("resize")}}                                                                              | {{DOMxRef("UIEvent")}}                                                                                                    | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-resize)                                                                                                                                          | The document view has been resized.                                                                                                                                                                                                         |
+| {{Event("resourcetimingbufferfull")}}                                                      | {{DOMxRef("Performance")}}                                                                                            | [Resource Timing](https://w3c.github.io/resource-timing/#dom-performance-onresourcetimingbufferfull)                                                                                                          | The browser's resource timing buffer is full.                                                                                                                                                                                               |
+| {{Event("result")}} {{Experimental_Inline}}                                             | {{DOMxRef("SpeechRecognitionEvent")}} {{Experimental_Inline}}                                               | {{SpecName('Web Speech API')}}                                                                                                                                                                      | The speech recognition service returns a result — a word or phrase has been positively recognized and this has been communicated back to the app.                                                                                           |
+| {{Event("resume")}} {{Experimental_Inline}}                                             | {{DOMxRef("SpeechSynthesisEvent")}} {{Experimental_Inline}}                                               | {{SpecName('Web Speech API')}}                                                                                                                                                                      | A paused utterance is resumed.                                                                                                                                                                                                              |
+| {{Event("scroll")}}                                                                              | {{DOMxRef("UIEvent")}}                                                                                                    | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-scroll)                                                                                                                                          | The document view or an element has been scrolled.                                                                                                                                                                                          |
+| {{Event("seeked")}}                                                                              | {{DOMxRef("Event")}}                                                                                                    | [HTML5 media](http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-seeked)                                                                                          | A _seek_ operation completed.                                                                                                                                                                                                               |
+| {{Event("seeking")}}                                                                          | {{DOMxRef("Event")}}                                                                                                    | [HTML5 media](http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-seeking)                                                                                         | A _seek_ operation began.                                                                                                                                                                                                                   |
+| {{Event("select")}}                                                                              | {{DOMxRef("UIEvent")}}                                                                                                    | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-select)                                                                                                                                          | Some text is being selected.                                                                                                                                                                                                                |
+| {{Event("selectstart")}} {{Experimental_Inline}}                                     | {{DOMxRef("Event")}}                                                                                                    | {{ SpecName('Selection API')}}                                                                                                                                                                      | A selection just started.                                                                                                                                                                                                                   |
+| {{Event("selectionchange")}} {{Experimental_Inline}}                                 | {{DOMxRef("Event")}}                                                                                                    | {{ SpecName('Selection API')}}                                                                                                                                                                      | The selection in the document has been changed.                                                                                                                                                                                             |
+| {{Event("show")}}                                                                              | {{DOMxRef("MouseEvent")}}                                                                                                | [HTML5](http://www.w3.org/TR/html5/interactive-elements.html#context-menus)                                                                                                                                   | A contextmenu event was fired on/bubbled to an element that has a [contextmenu](/zh-CN/docs/DOM/element.contextmenu) attribute                                                                                                              |
+| {{Event("slotchange")}}                                                                      | {{DOMxRef("Event")}}                                                                                                    | {{ SpecName('DOM WHATWG')}}                                                                                                                                                                          | The node contents of a {{DOMxRef("HTMLSlotElement")}} ({{htmlelement("slot")}}) have changed.                                                                                                                            |
+| {{Event("soundend")}} {{Experimental_Inline}}                                         | {{DOMxRef("Event")}}                                                                                                    | {{SpecName('Web Speech API')}}                                                                                                                                                                      | Any sound — recognisable speech or not — has stopped being detected.                                                                                                                                                                        |
+| {{Event("soundstart")}} {{Experimental_Inline}}                                     | {{DOMxRef("Event")}}                                                                                                    | {{SpecName('Web Speech API')}}                                                                                                                                                                      | Any sound — recognisable speech or not — has been detected.                                                                                                                                                                                 |
+| {{Event("speechend")}} {{Experimental_Inline}}                                         | {{DOMxRef("Event")}}                                                                                                    | {{SpecName('Web Speech API')}}                                                                                                                                                                      | Speech recognised by the speech recognition service has stopped being detected.                                                                                                                                                             |
+| {{Event("speechstart")}} {{Experimental_Inline}}                                     | {{DOMxRef("Event")}}                                                                                                    | {{SpecName('Web Speech API')}}                                                                                                                                                                      | Sound that is recognised by the speech recognition service as speech has been detected.                                                                                                                                                     |
+| {{Event("stalled")}}                                                                          | {{DOMxRef("Event")}}                                                                                                    | [HTML5 media](http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-stalled)                                                                                         | The user agent is trying to fetch media data, but data is unexpectedly not forthcoming.                                                                                                                                                     |
+| {{Event("start_(SpeechRecognition)","start")}} {{Experimental_Inline}}         | {{DOMxRef("Event")}}                                                                                                    | {{SpecName('Web Speech API')}}                                                                                                                                                                      | The speech recognition service has begun listening to incoming audio with intent to recognize grammars associated with the current `SpeechRecognition`.                                                                                     |
+| {{Event("start_(SpeechSynthesis)","start")}}                                          | {{DOMxRef("SpeechSynthesisEvent")}}                                                                                | {{SpecName('Web Speech API')}}                                                                                                                                                                      | The utterance has begun to be spoken.                                                                                                                                                                                                       |
+| {{Event("storage")}}                                                                          | {{DOMxRef("StorageEvent")}}                                                                                            | [Web Storage](http://www.w3.org/TR/webstorage/#the-storage-event)                                                                                                                                             | A storage area ([localStorage](/zh-CN/docs/DOM/Storage#localStorage) or [sessionStorage](/zh-CN/docs/DOM/Storage#sessionStorage)) has changed.                                                                                              |
+| {{Event("submit")}}                                                                              | {{DOMxRef("Event")}}                                                                                                    | [DOM L2](http://www.w3.org/TR/DOM-Level-2-Events/events.html), [HTML5](http://www.whatwg.org/specs/web-apps/current-work/multipage/association-of-controls-and-forms.html#form-submission-algorithm)          | A form is submitted.                                                                                                                                                                                                                        |
+| [`success`](/zh-CN/docs/Web/Reference/Events/success_indexedDB)                                       | {{DOMxRef("Event")}}                                                                                                    | [IndexedDB](http://www.w3.org/TR/IndexedDB/#request-api)                                                                                                                                                      | A request successfully completed.                                                                                                                                                                                                           |
+| {{Event("suspend")}}                                                                          | {{DOMxRef("Event")}}                                                                                                    | [HTML5 media](http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-suspend)                                                                                         | Media data loading has been suspended.                                                                                                                                                                                                      |
+| {{Event("SVGAbort")}}                                                                          | {{DOMxRef("SVGEvent")}}                                                                                                | [SVG](http://www.w3.org/TR/SVG/interact.html#SVGEvents)                                                                                                                                                       | Page loading has been stopped before the [SVG](/zh-CN/docs/SVG) was loaded.                                                                                                                                                                 |
+| {{Event("SVGError")}}                                                                          | {{DOMxRef("SVGEvent")}}                                                                                                | [SVG](http://www.w3.org/TR/SVG/interact.html#SVGEvents)                                                                                                                                                       | An error has occurred before the [SVG](/zh-CN/docs/SVG) was loaded.                                                                                                                                                                         |
+| {{Event("SVGLoad")}}                                                                          | {{DOMxRef("SVGEvent")}}                                                                                                | [SVG](http://www.w3.org/TR/SVG/interact.html#SVGEvents)                                                                                                                                                       | An [SVG](/zh-CN/docs/SVG) document has been loaded and parsed.                                                                                                                                                                              |
+| {{Event("SVGResize")}}                                                                          | {{DOMxRef("SVGEvent")}}                                                                                                | [SVG](http://www.w3.org/TR/SVG/interact.html#SVGEvents)                                                                                                                                                       | An [SVG](/zh-CN/docs/SVG) document is being resized.                                                                                                                                                                                        |
+| {{Event("SVGScroll")}}                                                                          | {{DOMxRef("SVGEvent")}}                                                                                                | [SVG](http://www.w3.org/TR/SVG/interact.html#SVGEvents)                                                                                                                                                       | An [SVG](/zh-CN/docs/SVG) document is being scrolled.                                                                                                                                                                                       |
+| {{Event("SVGUnload")}}                                                                          | {{DOMxRef("SVGEvent")}}                                                                                                | [SVG](http://www.w3.org/TR/SVG/interact.html#SVGEvents)                                                                                                                                                       | An [SVG](/zh-CN/docs/SVG) document has been removed from a window or frame.                                                                                                                                                                 |
+| {{Event("SVGZoom")}}                                                                          | {{DOMxRef("SVGZoomEvent")}}                                                                                            | [SVG](http://www.w3.org/TR/SVG/interact.html#SVGEvents)                                                                                                                                                       | An [SVG](/zh-CN/docs/SVG) document is being zoomed.                                                                                                                                                                                         |
+| {{Event("timeout")}}                                                                          | {{DOMxRef("ProgressEvent")}}                                                                                            | [XMLHttpRequest](http://www.w3.org/TR/XMLHttpRequest/#event-xhr-timeout)                                                                                                                                      |                                                                                                                                                                                                                                             |
+| {{Event("timeupdate")}}                                                                      | {{DOMxRef("Event")}}                                                                                                    | [HTML5 media](http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-timeupdate)                                                                                      | The time indicated by the `currentTime` attribute has been updated.                                                                                                                                                                         |
+| {{Event("touchcancel")}}                                                                      | {{DOMxRef("TouchEvent")}}                                                                                                | [Touch Events](http://www.w3.org/TR/touch-events/)                                                                                                                                                            | A touch point has been disrupted in an implementation-specific manners (too many touch points for example).                                                                                                                                 |
+| {{Event("touchend")}}                                                                          | {{DOMxRef("TouchEvent")}}                                                                                                | [Touch Events](http://www.w3.org/TR/touch-events/#the-touchend-event)                                                                                                                                         | A touch point is removed from the touch surface.                                                                                                                                                                                            |
+| {{Event("touchmove")}}                                                                          | {{DOMxRef("TouchEvent")}}                                                                                                | [Touch Events](http://www.w3.org/TR/touch-events/#the-touchmove-event)                                                                                                                                        | A touch point is moved along the touch surface.                                                                                                                                                                                             |
+| {{Event("touchstart")}}                                                                      | {{DOMxRef("TouchEvent")}}                                                                                                | [Touch Events](http://www.w3.org/TR/touch-events/#the-touchstart---------event)                                                                                                                               | A touch point is placed on the touch surface.                                                                                                                                                                                               |
+| {{Event("transitionend")}}                                                                  | {{DOMxRef("TransitionEvent")}} {{Experimental_Inline}}                                                       | [CSS Transitions](http://www.w3.org/TR/css3-transitions/#transition-events)                                                                                                                                   | A [CSS transition](/zh-CN/docs/CSS/CSS_transitions) has completed.                                                                                                                                                                          |
+| {{Event("unload")}}                                                                              | {{DOMxRef("UIEvent")}}                                                                                                    | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-unload)                                                                                                                                          | The document or a dependent resource is being unloaded.                                                                                                                                                                                     |
+| [`upgradeneeded`](/zh-CN/docs/Web/Reference/Events/upgradeneeded_indexedDB)                           |                                                                                                                                 | [IndexedDB](http://www.w3.org/TR/IndexedDB/#request-api)                                                                                                                                                      | An attempt was made to open a database with a version number higher than its current version. A `versionchange` transaction has been created.                                                                                               |
+| {{Event("userproximity")}}                                                                  | {{DOMxRef("UserProximityEvent")}} {{Experimental_Inline}}                                                   | {{SpecName("Proximity Events")}}                                                                                                                                                                  | Fresh data is available from a proximity sensor (indicates whether the nearby object is `near` the device or not).                                                                                                                          |
+| {{Event("voiceschanged")}} {{Experimental_Inline}}                                 | {{DOMxRef("Event")}}                                                                                                    | {{SpecName('Web Speech API')}}                                                                                                                                                                      | The list of {{DOMxRef("SpeechSynthesisVoice")}} objects that would be returned by the {{DOMxRef("SpeechSynthesis.getVoices()")}} method has changed (when the {{Event("voiceschanged")}} event fires.) |
+| [`versionchange`](/zh-CN/docs/Web/Reference/Events/versionchange_indexedDB)                           |                                                                                                                                 | [IndexedDB](http://www.w3.org/TR/IndexedDB/#database-interface)                                                                                                                                               | A `versionchange` transaction completed.                                                                                                                                                                                                    |
+| {{Event("visibilitychange")}}                                                              | {{DOMxRef("Event")}}                                                                                                    | [Page visibility](http://www.w3.org/TR/page-visibility/#sec-visibilitychange-event)                                                                                                                           | The content of a tab has become visible or has been hidden.                                                                                                                                                                                 |
+| {{Event("volumechange")}}                                                                      | {{DOMxRef("Event")}}                                                                                                    | [HTML5 media](http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-volumechange)                                                                                    | The volume has changed.                                                                                                                                                                                                                     |
+| {{Event("waiting")}}                                                                          | {{DOMxRef("Event")}}                                                                                                    | [HTML5 media](http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-waiting)                                                                                         | Playback has stopped because of a temporary lack of data.                                                                                                                                                                                   |
+| {{Event("wheel")}}                                                                              | {{DOMxRef("WheelEvent")}}                                                                                                | [DOM L3](http://www.w3.org/TR/DOM-Level-3-Events/#event-type-wheel)                                                                                                                                           | A wheel button of a pointing device is rotated in any direction.                                                                                                                                                                            |
+
+## 非标准事件
 
 <table class="standard-table">
- <thead>
-  <tr>
-   <th scope="col">Event Name</th>
-   <th scope="col">Event Type</th>
-   <th scope="col">Specification</th>
-   <th scope="col">Fired when...</th>
-  </tr>
- </thead>
- <tbody>
-  <tr>
-   <td><a href="/zh-CN/docs/Web/Reference/Events/CssRuleViewRefreshed">CssRuleViewRefreshed</a></td>
-   <td></td>
-   <td><em>devtools specific</em></td>
-   <td>The "Rules" view of the style inspector has been updated.</td>
-  </tr>
-  <tr>
-   <td><a href="/zh-CN/docs/Web/Reference/Events/CssRuleViewChanged">CssRuleViewChanged</a></td>
-   <td></td>
-   <td><em>devtools specific</em></td>
-   <td>The "Rules" view of the style inspector has been changed.</td>
-  </tr>
-  <tr>
-   <td><a href="/zh-CN/docs/Web/Reference/Events/CssRuleViewCSSLinkClicked">CssRuleViewCSSLinkClicked</a></td>
-   <td></td>
-   <td><em>devtools specific</em></td>
-   <td>A link to a CSS file has been clicked in the "Rules" view of the style inspector.</td>
-  </tr>
- </tbody>
+  <thead>
+    <tr>
+      <th scope="col">Event Name</th>
+      <th scope="col">Event Type</th>
+      <th scope="col">Specification</th>
+      <th scope="col">Fired when...</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+      <td>{{Event("afterscriptexecute")}}</td>
+      <td>{{DOMxRef("Event")}}</td>
+      <td><em>Mozilla Specific</em></td>
+      <td>A script has been executed.</td>
+    </tr>
+    <tr>
+      <td>{{Event("beforescriptexecute")}}</td>
+      <td>{{DOMxRef("Event")}}</td>
+      <td><em>Mozilla Specific</em></td>
+      <td>A script is about to be executed.</td>
+    </tr>
+    <tr>
+      <td>{{Event("beforeinstallprompt")}}</td>
+      <td>{{DOMxRef("Event")}}</td>
+      <td><em>Chrome specific</em></td>
+      <td>A user is prompted to save a web site to a home screen on mobile.</td>
+    </tr>
+    <tr>
+      <td>{{Event("cardstatechange")}}</td>
+      <td></td>
+      <td><em>Firefox OS specific</em></td>
+      <td>
+        The {{DOMxRef("MozMobileConnection.cardState")}}
+        property changes value.
+      </td>
+    </tr>
+    <tr>
+      <td>{{Event("change")}}</td>
+      <td>{{DOMxRef("DeviceStorageChangeEvent")}}</td>
+      <td><em>Firefox OS specific</em></td>
+      <td>
+        This event is triggered each time a file is created, modified or deleted
+        on a given storage area.
+      </td>
+    </tr>
+    <tr>
+      <td>{{Event("connectionInfoUpdate")}}</td>
+      <td></td>
+      <td><em>Firefox OS specific</em></td>
+      <td>
+        The informations about the signal strength and the link speed have been
+        updated.
+      </td>
+    </tr>
+    <tr>
+      <td>{{Event("cfstatechange")}}</td>
+      <td></td>
+      <td><em>Firefox OS specific</em></td>
+      <td>The call forwarding state changes.</td>
+    </tr>
+    <tr>
+      <td>{{Event("datachange")}}</td>
+      <td></td>
+      <td><em>Firefox OS specific</em></td>
+      <td>
+        The {{DOMxRef("MozMobileConnection.data")}} object changes
+        values.
+      </td>
+    </tr>
+    <tr>
+      <td>{{Event("dataerror")}}</td>
+      <td></td>
+      <td><em>Firefox OS specific</em></td>
+      <td>
+        The {{DOMxRef("MozMobileConnection.data")}} object receive
+        an error from the <abbr title="Radio Interface Layer">RIL</abbr>.
+      </td>
+    </tr>
+    <tr>
+      <td>{{Event("DOMMouseScroll")}}{{Deprecated_Inline}}</td>
+      <td></td>
+      <td><em>Mozilla specific</em></td>
+      <td>
+        The wheel button of a pointing device is rotated (detail attribute is a
+        number of lines). (use {{Event("wheel")}} instead)
+      </td>
+    </tr>
+    <tr>
+      <td><code>dragdrop</code> {{Deprecated_Inline}}</td>
+      <td><code>DragEvent</code></td>
+      <td><em>Mozilla specific</em></td>
+      <td>An element is dropped (use {{Event("drop")}} instead).</td>
+    </tr>
+    <tr>
+      <td><code>dragexit</code> {{Deprecated_Inline}}</td>
+      <td><code>DragEvent</code></td>
+      <td><em>Mozilla specific</em></td>
+      <td>
+        A drag operation is being ended(use {{Event("dragend")}}
+        instead).
+      </td>
+    </tr>
+    <tr>
+      <td><code>draggesture</code> {{Deprecated_Inline}}</td>
+      <td><code>DragEvent</code></td>
+      <td><em>Mozilla specific</em></td>
+      <td>
+        The user starts dragging an element or text selection (use
+        {{Event("dragstart")}} instead).
+      </td>
+    </tr>
+    <tr>
+      <td>{{Event("icccardlockerror")}}</td>
+      <td></td>
+      <td><em>Firefox OS specific</em></td>
+      <td>
+        the {{DOMxRef("MozMobileConnection.unlockCardLock()")}}
+        or {{DOMxRef("MozMobileConnection.setCardLock()")}}
+        methods fails.
+      </td>
+    </tr>
+    <tr>
+      <td>{{Event("iccinfochange")}}</td>
+      <td></td>
+      <td><em>Firefox OS specific</em></td>
+      <td>
+        The {{DOMxRef("MozMobileConnection.iccInfo")}} object
+        changes.
+      </td>
+    </tr>
+    <tr>
+      <td>{{Event("localized")}}</td>
+      <td></td>
+      <td>
+        <em
+          ><a href="https://github.com/fabi1cazenave/webL10n"
+            >Mozilla Specific</a
+          ></em
+        >
+      </td>
+      <td>The page has been localized using data-l10n-* attributes.</td>
+    </tr>
+    <tr>
+      <td>{{Event("mousewheel")}} {{Deprecated_Inline}}</td>
+      <td></td>
+      <td>
+        <a
+          href="http://msdn.microsoft.com/en-us/library/ie/ms536951%28v=vs.85%29.aspx"
+          ><em>IE invented</em></a
+        >
+      </td>
+      <td>The wheel button of a pointing device is rotated.</td>
+    </tr>
+    <tr>
+      <td>{{Event("MozAudioAvailable")}}</td>
+      <td>{{DOMxRef("Event")}}</td>
+      <td><em>Mozilla specific</em></td>
+      <td>
+        The audio buffer is full and the corresponding raw samples are
+        available.
+      </td>
+    </tr>
+    <tr>
+      <td>
+        <a href="/zh-CN/docs/Web/Reference/Events/MozBeforeResize"
+          ><code>MozBeforeResize</code></a
+        >
+        {{Deprecated_Inline}}
+      </td>
+      <td></td>
+      <td><em>Mozilla specific</em></td>
+      <td>A window is about to be resized.</td>
+    </tr>
+    <tr>
+      <td>{{Event("mozbrowseractivitydone")}}</td>
+      <td></td>
+      <td>
+        <em
+          >Firefox OS
+          <a href="/zh-CN/docs/Web/API/Browser_API">Browser API</a>-specific</em
+        >
+      </td>
+      <td>
+        Sent when some activity has been completed (complete description TBD.)
+      </td>
+    </tr>
+    <tr>
+      <td>{{Event("mozbrowserasyncscroll")}}</td>
+      <td></td>
+      <td>
+        <em
+          >Firefox OS
+          <a href="/zh-CN/docs/Web/API/Browser_API">Browser API</a>-specific</em
+        >
+      </td>
+      <td>
+        Sent when the scroll position within a browser<code
+        > </code>{{HTMLElement("iframe")}} changes.
+      </td>
+    </tr>
+    <tr>
+      <td>{{Event("mozbrowseraudioplaybackchange")}}</td>
+      <td></td>
+      <td>
+        <em
+          >Firefox OS
+          <a href="/zh-CN/docs/Web/API/Browser_API">Browser API</a>-specific</em
+        >
+      </td>
+      <td>
+        Sent when audio starts or stops playing within the browser
+        {{HTMLElement("iframe")}} content.
+      </td>
+    </tr>
+    <tr>
+      <td>{{Event("mozbrowsercaretstatechanged")}}</td>
+      <td></td>
+      <td>
+        <em
+          >Firefox OS
+          <a href="/zh-CN/docs/Web/API/Browser_API">Browser API</a>-specific</em
+        >
+      </td>
+      <td>
+        Sent when the text selected inside the browser
+        {{HTMLElement("iframe")}} content changes.
+      </td>
+    </tr>
+    <tr>
+      <td>{{Event("mozbrowserclose")}}</td>
+      <td></td>
+      <td>
+        <em
+          >Firefox OS
+          <a href="/zh-CN/docs/Web/API/Browser_API">Browser API</a>-specific</em
+        >
+      </td>
+      <td>
+        Sent when window.close() is called within a browser
+        {{HTMLElement("iframe")}}.
+      </td>
+    </tr>
+    <tr>
+      <td>{{Event("mozbrowsercontextmenu")}}</td>
+      <td></td>
+      <td>
+        <em
+          >Firefox OS
+          <a href="/zh-CN/docs/Web/API/Browser_API">Browser API</a>-specific</em
+        >
+      </td>
+      <td>
+        Sent when a browser {{HTMLElement("iframe")}} try to open a
+        context menu.
+      </td>
+    </tr>
+    <tr>
+      <td>{{Event("mozbrowserdocumentfirstpaint")}}</td>
+      <td></td>
+      <td>
+        <em
+          >Firefox OS
+          <a href="/zh-CN/docs/Web/API/Browser_API">Browser API</a>-specific</em
+        >
+      </td>
+      <td>
+        Sent when a new paint occurs on any document in the browser
+        {{HTMLElement("iframe")}}.
+      </td>
+    </tr>
+    <tr>
+      <td>{{Event("mozbrowsererror")}}</td>
+      <td></td>
+      <td>
+        <em
+          >Firefox OS
+          <a href="/zh-CN/docs/Web/API/Browser_API">Browser API</a>-specific</em
+        >
+      </td>
+      <td>
+        Sent when an error occured while trying to load a content within a
+        browser iframe
+      </td>
+    </tr>
+    <tr>
+      <td>{{Event("mozbrowserfindchange")}}</td>
+      <td></td>
+      <td>
+        <em
+          >Firefox OS
+          <a href="/zh-CN/docs/Web/API/Browser_API">Browser API</a>-specific</em
+        >
+      </td>
+      <td>
+        Sent when a search operation is performed on the browser
+        {{HTMLElement("iframe")}} content (see
+        <a href="/zh-CN/docs/Web/API/HTMLIFrameElement#Search_methods"
+          >HTMLIFrameElement search methods</a
+        >.)
+      </td>
+    </tr>
+    <tr>
+      <td>{{Event("mozbrowserfirstpaint")}}</td>
+      <td></td>
+      <td>
+        <em
+          >Firefox OS
+          <a href="/zh-CN/docs/Web/API/Browser_API">Browser API</a>-specific</em
+        >
+      </td>
+      <td>
+        Sent when the {{HTMLElement("iframe")}} paints content for the
+        first time (this doesn't include the initial paint from
+        <em>about:blank</em>.)
+      </td>
+    </tr>
+    <tr>
+      <td>{{Event("mozbrowsericonchange")}}</td>
+      <td></td>
+      <td>
+        <em
+          >Firefox OS
+          <a href="/zh-CN/docs/Web/API/Browser_API">Browser API</a>-specific</em
+        >
+      </td>
+      <td>Sent when the favicon of a browser iframe changes.</td>
+    </tr>
+    <tr>
+      <td>{{Event("mozbrowserlocationchange")}}</td>
+      <td></td>
+      <td>
+        <em
+          >Firefox OS
+          <a href="/zh-CN/docs/Web/API/Browser_API">Browser API</a>-specific</em
+        >
+      </td>
+      <td>Sent when an browser iframe's location changes.</td>
+    </tr>
+    <tr>
+      <td>{{Event("mozbrowserloadend")}}</td>
+      <td></td>
+      <td>
+        <em
+          >Firefox OS
+          <a href="/zh-CN/docs/Web/API/Browser_API">Browser API</a>-specific</em
+        >
+      </td>
+      <td>Sent when the browser iframe has finished loading all its assets.</td>
+    </tr>
+    <tr>
+      <td>{{Event("mozbrowserloadstart")}}</td>
+      <td></td>
+      <td>
+        <em
+          >Firefox OS
+          <a href="/zh-CN/docs/Web/API/Browser_API">Browser API</a>-specific</em
+        >
+      </td>
+      <td>Sent when the browser iframe starts to load a new page.</td>
+    </tr>
+    <tr>
+      <td>{{Event("mozbrowsermanifestchange")}}</td>
+      <td></td>
+      <td>
+        <em
+          >Firefox OS
+          <a href="/zh-CN/docs/Web/API/Browser_API">Browser API</a>-specific</em
+        >
+      </td>
+      <td>
+        Sent when a the path to the app manifest changes, in the case of a
+        browser {{HTMLElement("iframe")}} with an open web app embedded
+        in it.
+      </td>
+    </tr>
+    <tr>
+      <td>{{Event("mozbrowsermetachange")}}</td>
+      <td></td>
+      <td>
+        <em
+          >Firefox OS
+          <a href="/zh-CN/docs/Web/API/Browser_API">Browser API</a>-specific</em
+        >
+      </td>
+      <td>
+        Sent when a {{htmlelement("meta")}} elelment is added to,
+        removed from or changed in the browser
+        {{HTMLElement("iframe")}}'s content.
+      </td>
+    </tr>
+    <tr>
+      <td>{{Event("mozbrowseropensearch")}}</td>
+      <td></td>
+      <td>
+        <em
+          >Firefox OS
+          <a href="/zh-CN/docs/Web/API/Browser_API">Browser API</a>-specific</em
+        >
+      </td>
+      <td>Sent when a link to a search engine is found.</td>
+    </tr>
+    <tr>
+      <td>{{Event("mozbrowseropentab")}}</td>
+      <td></td>
+      <td>
+        <em
+          >Firefox OS
+          <a href="/zh-CN/docs/Web/API/Browser_API">Browser API</a>-specific</em
+        >
+      </td>
+      <td>
+        Sent when a new tab is opened within a browser
+        {{HTMLElement("iframe")}} as a result of the user issuing a
+        command to open a link target in a new tab (for example
+        <kbd>ctrl</kbd>/<kbd>cmd</kbd> + click.)
+      </td>
+    </tr>
+    <tr>
+      <td>{{Event("mozbrowseropenwindow")}}</td>
+      <td></td>
+      <td>
+        <em
+          >Firefox OS
+          <a href="/zh-CN/docs/Web/API/Browser_API">Browser API</a>-specific</em
+        >
+      </td>
+      <td>
+        Sent when {{DOMxRef("window.open()")}} is called within a
+        browser iframe.
+      </td>
+    </tr>
+    <tr>
+      <td>{{Event("mozbrowserresize")}}</td>
+      <td></td>
+      <td>
+        <em
+          >Firefox OS
+          <a href="/zh-CN/docs/Web/API/Browser_API">Browser API</a>-specific</em
+        >
+      </td>
+      <td>
+        Sent when the browser {{HTMLElement("iframe")}}'s window size has
+        changed.
+      </td>
+    </tr>
+    <tr>
+      <td>{{Event("mozbrowserscroll")}}</td>
+      <td></td>
+      <td>
+        <em
+          >Firefox OS
+          <a href="/zh-CN/docs/Web/API/Browser_API">Browser API</a>-specific</em
+        >
+      </td>
+      <td>
+        Sent when the browser {{HTMLElement("iframe")}} content scrolls.
+      </td>
+    </tr>
+    <tr>
+      <td>{{Event("mozbrowserscrollareachanged")}}</td>
+      <td></td>
+      <td>
+        <em
+          >Firefox OS
+          <a href="/zh-CN/docs/Web/API/Browser_API">Browser API</a>-specific</em
+        >
+      </td>
+      <td>
+        Sent when the available scrolling area in the browser
+        {{HTMLElement("iframe")}} changes. This can occur on resize and
+        when the page size changes (while loading for example.)
+      </td>
+    </tr>
+    <tr>
+      <td>{{Event("mozbrowserscrollviewchange")}}</td>
+      <td></td>
+      <td>
+        <em
+          >Firefox OS
+          <a href="/zh-CN/docs/Web/API/Browser_API">Browser API</a>-specific</em
+        >
+      </td>
+      <td>Sent when asynchronous scrolling (i.e. APCZ) starts or stops.</td>
+    </tr>
+    <tr>
+      <td>{{Event("mozbrowsersecuritychange")}}</td>
+      <td></td>
+      <td>
+        <em
+          >Firefox OS
+          <a href="/zh-CN/docs/Web/API/Browser_API">Browser API</a>-specific</em
+        >
+      </td>
+      <td>Sent when the SSL state changes within a browser iframe.</td>
+    </tr>
+    <tr>
+      <td>{{Event("mozbrowserselectionstatechanged")}}</td>
+      <td></td>
+      <td>
+        <em
+          >Firefox OS
+          <a href="/zh-CN/docs/Web/API/Browser_API">Browser API</a>-specific</em
+        >
+      </td>
+      <td>
+        Sent when the text selected inside the browser
+        {{HTMLElement("iframe")}} content changes. Note that this is
+        deprecated, and newer implementations use
+        {{Event("mozbrowsercaretstatechanged")}} instead.
+      </td>
+    </tr>
+    <tr>
+      <td>{{Event("mozbrowsershowmodalprompt")}}</td>
+      <td></td>
+      <td>
+        <em
+          >Firefox OS
+          <a href="/zh-CN/docs/Web/API/Browser_API">Browser API</a>-specific</em
+        >
+      </td>
+      <td>
+        Sent when {{DOMxRef("window.alert","alert()")}},
+        {{DOMxRef("window.confirm","confirm()")}} or
+        {{DOMxRef("window.prompt","prompt()")}} are called within a
+        browser iframe
+      </td>
+    </tr>
+    <tr>
+      <td>{{Event("mozbrowsertitlechange")}}</td>
+      <td></td>
+      <td>
+        <em
+          >Firefox OS
+          <a href="/zh-CN/docs/Web/API/Browser_API">Browser API</a>-specific</em
+        >
+      </td>
+      <td>Sent when the document.title changes within a browser iframe.</td>
+    </tr>
+    <tr>
+      <td>
+        {{Event("mozbrowserusernameandpasswordrequired")}}
+      </td>
+      <td></td>
+      <td>
+        <em
+          >Firefox OS
+          <a href="/zh-CN/docs/Web/API/Browser_API">Browser API</a>-specific</em
+        >
+      </td>
+      <td>Sent when an HTTP authentification is requested.</td>
+    </tr>
+    <tr>
+      <td>{{Event("mozbrowservisibilitychange")}}</td>
+      <td></td>
+      <td>
+        <em
+          >Firefox OS
+          <a href="/zh-CN/docs/Web/API/Browser_API">Browser API</a>-specific</em
+        >
+      </td>
+      <td>
+        Sent when the visibility state of the current browser iframe
+        {{HTMLElement("iframe")}} changes, for example due to a call to
+        {{DOMxRef("HTMLIFrameElement.setVisible","setVisible()")}}.
+      </td>
+    </tr>
+    <tr>
+      <td>{{Event("MozGamepadButtonDown")}}</td>
+      <td></td>
+      <td><em>To be specified</em></td>
+      <td>A gamepad button is pressed down.</td>
+    </tr>
+    <tr>
+      <td>{{Event("MozGamepadButtonUp")}}</td>
+      <td></td>
+      <td><em>To be specified</em></td>
+      <td>A gamepad button is released.</td>
+    </tr>
+    <tr>
+      <td>
+        {{Event("MozMousePixelScroll")}}
+        {{Deprecated_Inline}}
+      </td>
+      <td></td>
+      <td><em>Mozilla specific</em></td>
+      <td>
+        The wheel button of a pointing device is rotated (detail attribute is a
+        number of pixels). (use wheel instead)
+      </td>
+    </tr>
+    <tr>
+      <td>{{Event("MozOrientation")}} {{Deprecated_Inline}}</td>
+      <td></td>
+      <td><em>Mozilla specific</em></td>
+      <td>
+        Fresh data is available from an orientation sensor (see
+        deviceorientation).
+      </td>
+    </tr>
+    <tr>
+      <td>{{Event("MozScrolledAreaChanged")}}</td>
+      <td>{{DOMxRef("UIEvent")}}</td>
+      <td><em>Mozilla specific</em></td>
+      <td>The document view has been scrolled or resized.</td>
+    </tr>
+    <tr>
+      <td>{{Event("moztimechange")}}</td>
+      <td></td>
+      <td><em>Mozilla specific</em></td>
+      <td>The time of the device has been changed.</td>
+    </tr>
+    <tr>
+      <td>
+        <a href="/en-US/DOM/Touch_events_(Mozilla_experimental)"
+          >MozTouchDown</a
+        >
+        {{Deprecated_Inline}}
+      </td>
+      <td></td>
+      <td><em>Mozilla specific</em></td>
+      <td>
+        A touch point is placed on the touch surface (use touchstart instead).
+      </td>
+    </tr>
+    <tr>
+      <td>
+        <a href="/en-US/DOM/Touch_events_(Mozilla_experimental)"
+          >MozTouchMove</a
+        >
+        {{Deprecated_Inline}}
+      </td>
+      <td></td>
+      <td><em>Mozilla specific</em></td>
+      <td>
+        A touch point is moved along the touch surface (use touchmove instead).
+      </td>
+    </tr>
+    <tr>
+      <td>
+        <a href="/en-US/DOM/Touch_events_(Mozilla_experimental)">MozTouchUp</a>
+        {{Deprecated_Inline}}
+      </td>
+      <td></td>
+      <td><em>Mozilla specific</em></td>
+      <td>
+        A touch point is removed from the touch surface (use touchend instead).
+      </td>
+    </tr>
+    <tr>
+      <td>{{Event("alerting")}}</td>
+      <td>{{DOMxRef("CallEvent")}}</td>
+      <td><em>To be specified</em></td>
+      <td>The correspondent is being alerted (his/her phone is ringing).</td>
+    </tr>
+    <tr>
+      <td>{{Event("busy")}}</td>
+      <td>{{DOMxRef("CallEvent")}}</td>
+      <td><em>To be specified</em></td>
+      <td>The line of the correspondent is busy.</td>
+    </tr>
+    <tr>
+      <td>{{Event("callschanged")}}</td>
+      <td>{{DOMxRef("CallEvent")}}</td>
+      <td><em>To be specified</em></td>
+      <td>A call has been added or removed from the list of current calls.</td>
+    </tr>
+    <tr>
+      <td>
+        <a href="/zh-CN/docs/DOM/onconnected">onconnected</a>
+        {{Event("connected")}}
+      </td>
+      <td>{{DOMxRef("CallEvent")}}</td>
+      <td><em>To be specified</em></td>
+      <td>A call has been connected.</td>
+    </tr>
+    <tr>
+      <td>{{Event("connecting")}}</td>
+      <td>{{DOMxRef("CallEvent")}}</td>
+      <td><em>To be specified</em></td>
+      <td>A call is about to connect.</td>
+    </tr>
+    <tr>
+      <td>{{Event("delivered")}}</td>
+      <td>{{DOMxRef("SMSEvent")}}</td>
+      <td><em>To be specified</em></td>
+      <td>An SMS has been successfully delivered.</td>
+    </tr>
+    <tr>
+      <td>{{Event("dialing")}}</td>
+      <td>{{DOMxRef("CallEvent")}}</td>
+      <td><em>To be specified</em></td>
+      <td>The number of a correspondent has been dialed.</td>
+    </tr>
+    <tr>
+      <td>{{Event("disabled")}}</td>
+      <td></td>
+      <td><em>Firefox OS specific</em></td>
+      <td>Wifi has been disabled on the device.</td>
+    </tr>
+    <tr>
+      <td>{{Event("disconnected")}}</td>
+      <td>{{DOMxRef("CallEvent")}}</td>
+      <td><em>To be specified</em></td>
+      <td>A call has been disconnected.</td>
+    </tr>
+    <tr>
+      <td>{{Event("disconnecting")}}</td>
+      <td>{{DOMxRef("CallEvent")}}</td>
+      <td><em>To be specified</em></td>
+      <td>A call is about to disconnect.</td>
+    </tr>
+    <tr>
+      <td>{{Event("enabled")}}</td>
+      <td></td>
+      <td><em>Firefox OS specific</em></td>
+      <td>Wifi has been enabled on the device.</td>
+    </tr>
+    <tr>
+      <td>{{Event("error_(Telephony)","error")}}</td>
+      <td>{{DOMxRef("CallEvent")}}</td>
+      <td><em>To be specified</em></td>
+      <td>An error occurred.</td>
+    </tr>
+    <tr>
+      <td>{{Event("held")}}</td>
+      <td>{{DOMxRef("CallEvent")}}</td>
+      <td><em>To be specified</em></td>
+      <td>A call has been held.</td>
+    </tr>
+    <tr>
+      <td>{{Event("holding")}}</td>
+      <td>{{DOMxRef("CallEvent")}}</td>
+      <td><em>To be specified</em></td>
+      <td>A call is about to be held.</td>
+    </tr>
+    <tr>
+      <td>{{Event("incoming")}}</td>
+      <td>{{DOMxRef("CallEvent")}}</td>
+      <td><em>To be specified</em></td>
+      <td>A call is being received.</td>
+    </tr>
+    <tr>
+      <td>{{Event("received")}}</td>
+      <td>{{DOMxRef("SMSEvent")}}</td>
+      <td><em>To be specified</em></td>
+      <td>An SMS has been received.</td>
+    </tr>
+    <tr>
+      <td>{{Event("resuming")}}</td>
+      <td>{{DOMxRef("CallEvent")}}</td>
+      <td><em>To be specified</em></td>
+      <td>A call is about to resume.</td>
+    </tr>
+    <tr>
+      <td>{{Event("sent")}}</td>
+      <td>{{DOMxRef("SMSEvent")}}</td>
+      <td><em>To be specified</em></td>
+      <td>An SMS has been sent.</td>
+    </tr>
+    <tr>
+      <td>{{Event("statechange")}}</td>
+      <td>{{DOMxRef("CallEvent")}}</td>
+      <td><em>To be specified</em></td>
+      <td>The state of a call has changed.</td>
+    </tr>
+    <tr>
+      <td>{{Event("statuschange")}}</td>
+      <td></td>
+      <td><em>Firefox OS specific</em></td>
+      <td>The status of the Wifi connection changed.</td>
+    </tr>
+    <tr>
+      <td>{{Event("overflow")}}</td>
+      <td>{{DOMxRef("UIEvent")}}</td>
+      <td><em>Mozilla specific</em></td>
+      <td>
+        An element has been overflowed by its content or has been rendered for
+        the first time in this state (only works for elements styled with
+        <code>overflow</code> != <code>visible</code>).
+      </td>
+    </tr>
+    <tr>
+      <td>{{Event("smartcard-insert")}}</td>
+      <td></td>
+      <td><em>Mozilla specific</em></td>
+      <td>
+        A <a href="/zh-CN/docs/JavaScript_crypto">smartcard</a> has been
+        inserted.
+      </td>
+    </tr>
+    <tr>
+      <td>{{Event("smartcard-remove")}}</td>
+      <td></td>
+      <td><em>Mozilla specific</em></td>
+      <td>
+        A <a href="/zh-CN/docs/JavaScript_crypto">smartcard</a> has been
+        removed.
+      </td>
+    </tr>
+    <tr>
+      <td>{{Event("stkcommand")}}</td>
+      <td></td>
+      <td><em>Firefox OS specific</em></td>
+      <td>
+        The <abbr title="SIM Application Toolkit">STK</abbr> Proactive Command
+        is issued from <abbr title="Integrated Circuit Card">ICC</abbr>.
+      </td>
+    </tr>
+    <tr>
+      <td>{{Event("stksessionend")}}</td>
+      <td></td>
+      <td><em>Firefox OS specific</em></td>
+      <td>
+        The <abbr title="SIM Application Toolkit">STK</abbr> Session is
+        terminated by <abbr title="Integrated Circuit Card">ICC</abbr>.
+      </td>
+    </tr>
+    <tr>
+      <td>{{Event("touchenter")}}</td>
+      <td>{{DOMxRef("TouchEvent")}}</td>
+      <td>
+        <a
+          href="http://www.w3.org/TR/touch-events/#the-touchstart---------event"
+          >Touch Events</a
+        >
+        Removed
+      </td>
+      <td></td>
+    </tr>
+    <tr>
+      <td>{{Event("touchleave")}}</td>
+      <td>{{DOMxRef("TouchEvent")}}</td>
+      <td>
+        <a
+          href="http://www.w3.org/TR/touch-events/#the-touchstart---------event"
+          >Touch Events</a
+        >
+        Removed
+      </td>
+      <td></td>
+    </tr>
+    <tr>
+      <td>{{Event("underflow")}}</td>
+      <td>{{DOMxRef("UIEvent")}}</td>
+      <td><em>Mozilla specific</em></td>
+      <td>
+        An element is no longer overflowed by its content (only works for
+        elements styled with <code>overflow</code> != <code>visible</code>).
+      </td>
+    </tr>
+    <tr>
+      <td><code>uploadprogress</code> {{Deprecated_Inline}}</td>
+      <td>{{DOMxRef("ProgressEvent")}}</td>
+      <td><em>Mozilla Specific</em></td>
+      <td>Upload is in progress (see {{Event("progress")}}).</td>
+    </tr>
+    <tr>
+      <td><p>{{Event("ussdreceived")}}</p></td>
+      <td></td>
+      <td><em>Firefox OS specific</em></td>
+      <td>
+        A new
+        <abbr title="Unstructured Supplementary Service Data">USSD</abbr>
+        message is received
+      </td>
+    </tr>
+    <tr>
+      <td>{{Event("voicechange")}}</td>
+      <td></td>
+      <td><em>Firefox OS specific</em></td>
+      <td>
+        The {{DOMxRef("MozMobileConnection.voice")}} object changes
+        values.
+      </td>
+    </tr>
+    <tr>
+      <td>{{Event("msContentZoom")}}</td>
+      <td></td>
+      <td><em>Microsoft specific</em></td>
+      <td></td>
+    </tr>
+    <tr>
+      <td>{{Event("MSManipulationStateChanged")}}</td>
+      <td></td>
+      <td><em>Microsoft specific</em></td>
+      <td></td>
+    </tr>
+    <tr>
+      <td>{{Event("MSPointerHover")}} {{Deprecated_Inline}}</td>
+      <td></td>
+      <td><em>Microsoft specific</em></td>
+      <td></td>
+    </tr>
+  </tbody>
 </table>
 
-<h2 id="规范">规范</h2>
+## Mozilla 特定事件
+
+> **备注：** 这些事件不会暴露给 Web 内容使用，只能在 chrome 内容的上下文中使用。
+
+### XUL 事件
+
+| Event Name                                            | Event Type   | Specification                                                              | Fired when...                                                                                                 |
+| ----------------------------------------------------- | ------------ | -------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------- |
+| {{Event("broadcast")}}                          |              | [XUL](/zh-CN/docs/XUL/Tutorial/Broadcasters_and_Observers#Broadcast_event) | An `observer` noticed a change to the attributes of a watched broadcaster.                                    |
+| {{Event("CheckboxStateChange")}}          |              | XUL                                                                        | The state of a `checkbox` has been changed either by a user action or by a script (useful for accessibility). |
+| [close](/zh-CN/docs/Web/Reference/Events/close_event) |              | XUL                                                                        | The close button of the window has been clicked.                                                              |
+| {{Event("command")}}                          |              | XUL                                                                        | An element has been activated.                                                                                |
+| {{Event("commandupdate")}}                  |              | XUL                                                                        | A command update occurred on a `commandset` element.                                                          |
+| {{Event("DOMMenuItemActive")}}              |              | XUL                                                                        | A menu or menuitem has been hovered or highlighted.                                                           |
+| {{Event("DOMMenuItemInactive")}}          |              | _XUL_                                                                      | A menu or menuitem is no longer hovered or highlighted.                                                       |
+| {{Event("popuphidden")}}                      | `PopupEvent` | [_XUL_](/zh-CN/docs/XUL/PopupGuide/PopupEvents)                            | A menupopup, panel or tooltip has been hidden.                                                                |
+| {{Event("popuphiding")}}                      | `PopupEvent` | [_XUL_](/zh-CN/docs/XUL/PopupGuide/PopupEvents)                            | A menupopup, panel or tooltip is about to be hidden.                                                          |
+| {{Event("popupshowing")}}                      | `PopupEvent` | [_XUL_](/zh-CN/docs/XUL/PopupGuide/PopupEvents)                            | A menupopup, panel or tooltip is about to become visible.                                                     |
+| {{Event("popupshown")}}                      | `PopupEvent` | [_XUL_](/zh-CN/docs/XUL/PopupGuide/PopupEvents)                            | A menupopup, panel or tooltip has become visible.                                                             |
+| {{Event("RadioStateChange")}}              |              | XUL                                                                        | The state of a `radio` has been changed either by a user action or by a script (useful for accessibility).    |
+| {{Event("ValueChange")}}                      |              | XUL                                                                        | The value of an element has changed (a progress bar for example, useful for accessibility).                   |
+
+### 附加组件特定事件
+
+| Event Name                                                                          | Event Type | Specification     | Fired when...                                                                                                                   |
+| ----------------------------------------------------------------------------------- | ---------- | ----------------- | ------------------------------------------------------------------------------------------------------------------------------- |
+| [MozSwipeGesture](/zh-CN/docs/Web/Reference/Events/MozSwipeGesture)                 |            | _Addons specific_ | A touch point is swiped across the touch surface                                                                                |
+| [MozMagnifyGestureStart](/zh-CN/docs/Web/Reference/Events/MozMagnifyGestureStart)   |            | _Addons specific_ | Two touch points start to move away from each other.                                                                            |
+| [MozMagnifyGestureUpdate](/zh-CN/docs/Web/Reference/Events/MozMagnifyGestureUpdate) |            | _Addons specific_ | Two touch points move away from each other (after a MozMagnifyGestureStart).                                                    |
+| [MozMagnifyGesture](/zh-CN/docs/Web/Reference/Events/MozMagnifyGesture)             |            | _Addons specific_ | Two touch points moved away from each other (after a sequence of MozMagnifyGestureUpdate).                                      |
+| [MozRotateGestureStart](/zh-CN/docs/Web/Reference/Events/MozRotateGestureStart)     |            | _Addons specific_ | Two touch points start to rotate around a point.                                                                                |
+| [MozRotateGestureUpdate](/zh-CN/docs/Web/Reference/Events/MozRotateGestureUpdate)   |            | _Addons specific_ | Two touch points rotate around a point (after a MozRotateGestureStart).                                                         |
+| [MozRotateGesture](/zh-CN/docs/Web/Reference/Events/MozRotateGesture)               |            | _Addons specific_ | Two touch points rotate around a point (after a sequence of MozRotateGestureUpdate).                                            |
+| [MozTapGesture](/zh-CN/docs/Web/Reference/Events/MozTapGesture)                     |            | _Addons specific_ | Two touch points are tapped on the touch surface.                                                                               |
+| [MozPressTapGesture](/zh-CN/docs/Web/Reference/Events/MozPressTapGesture)           |            | _Addons specific_ | A "press-tap" gesture happened on the touch surface (first finger down, second finger down, second finger up, first finger up). |
+| [MozEdgeUIGesture](/zh-CN/docs/Web/Reference/Events/MozEdgeUIGesture)               |            | _Addons specific_ | A touch point is swiped across the touch surface to invoke the edge UI (Win8 only).                                             |
+| [MozAfterPaint](/zh-CN/docs/Web/Reference/Events/MozAfterPaint)                     |            | _Addons specific_ | Content has been repainted.                                                                                                     |
+| [DOMPopupBlocked](/zh-CN/docs/Web/Reference/Events/DOMPopupBlocked)                 |            | _Addons specific_ | A popup has been blocked                                                                                                        |
+| [DOMWindowCreated](/zh-CN/docs/Web/Reference/Events/DOMWindowCreated)               |            | _Addons specific_ | A window has been created.                                                                                                      |
+| [DOMWindowClose](/zh-CN/docs/Web/Reference/Events/DOMWindowClose)                   |            | _Addons specific_ | A window is about to be closed.                                                                                                 |
+| [DOMTitleChanged](/zh-CN/docs/Web/Reference/Events/DOMTitleChanged)                 |            | _Addons specifc_  | The title of a window has changed.                                                                                              |
+| [DOMLinkAdded](/zh-CN/docs/Web/Reference/Events/DOMLinkAdded)                       |            | _Addons specifc_  | A link has been added a document.                                                                                               |
+| [DOMLinkRemoved](/zh-CN/docs/Web/Reference/Events/DOMLinkRemoved)                   |            | _Addons specifc_  | A link has been removed inside from a document.                                                                                 |
+| [DOMMetaAdded](/zh-CN/docs/Web/Reference/Events/DOMMetaAdded)                       |            | _Addons specific_ | A `meta` element has been added to a document.                                                                                  |
+| [DOMMetaRemoved](/zh-CN/docs/Web/Reference/Events/DOMMetaRemoved)                   |            | _Addons specific_ | A `meta` element has been removed from a document.                                                                              |
+| [DOMWillOpenModalDialog](/zh-CN/docs/Web/Reference/Events/DOMWillOpenModalDialog)   |            | _Addons specific_ | A modal dialog is about to open.                                                                                                |
+| [DOMModalDialogClosed](/zh-CN/docs/Web/Reference/Events/DOMModalDialogClosed)       |            | _Addons specific_ | A modal dialog has been closed.                                                                                                 |
+| [DOMAutoComplete](/zh-CN/docs/Web/Reference/Events/DOMAutoComplete)                 |            | _Addons specific_ | The content of an element has been auto-completed.                                                                              |
+| [DOMFrameContentLoaded](/zh-CN/docs/Web/Reference/Events/DOMFrameContentLoaded)     |            | _Addons specific_ | The frame has finished loading (but not its dependent resources).                                                               |
+| [AlertActive](/zh-CN/docs/Web/Reference/Events/AlertActive)                         |            | _Addons specific_ | A [`notification`](/zh-CN/docs/XUL/notification) element is shown.                                                              |
+| [AlertClose](/zh-CN/docs/Web/Reference/Events/AlertClose)                           |            | _Addons specific_ | A [`notification`](/zh-CN/docs/XUL/notification) element is closed.                                                             |
+| [fullscreen](/zh-CN/docs/Web/Reference/Events/fullscreen)                           |            | _Addons specific_ | Browser fullscreen mode has been entered or left.                                                                               |
+| [sizemodechange](/zh-CN/docs/Web/Reference/Events/sizemodechange)                   |            | _Addons specific_ | Window has entered/left fullscreen mode, or has been minimized/unminimized.                                                     |
+| [MozEnteredDomFullscreen](/zh-CN/docs/Web/Reference/Events/MozEnteredDomFullscreen) |            | _Addons specific_ | [DOM fullscreen](/zh-CN/docs/DOM/Using_full-screen_mode) mode has been entered.                                                 |
+| [SSWindowClosing](/zh-CN/docs/Web/Reference/Events/SSWindowClosing)                 |            | _Addons specific_ | The session store will stop tracking this window.                                                                               |
+| [SSTabClosing](/zh-CN/docs/Web/Reference/Events/SSTabClosing)                       |            | _Addons specific_ | The session store will stop tracking this tab.                                                                                  |
+| [SSTabRestoring](/zh-CN/docs/Web/Reference/Events/SSTabRestoring)                   |            | _Addons specific_ | A tab is about to be restored.                                                                                                  |
+| [SSTabRestored](/zh-CN/docs/Web/Reference/Events/SSTabRestored)                     |            | _Addons specific_ | A tab has been restored.                                                                                                        |
+| [SSWindowStateReady](/zh-CN/docs/Web/Reference/Events/SSWindowStateReady)           |            | _Addons specific_ | A window state has switched to "ready".                                                                                         |
+| [SSWindowStateBusy](/zh-CN/docs/Web/Reference/Events/SSWindowStateBusy)             |            | _Addons specific_ | A window state has switched to "busy".                                                                                          |
+| [TabOpen](/zh-CN/docs/Web/Reference/Events/TabOpen)                                 |            | _Addons specific_ | A tab has been opened.                                                                                                          |
+| [TabClose](/zh-CN/docs/Web/Reference/Events/TabClose)                               |            | _Addons specific_ | A tab has been closed.                                                                                                          |
+| [TabSelect](/zh-CN/docs/Web/Reference/Events/TabSelect)                             |            | _Addons specific_ | A tab has been selected.                                                                                                        |
+| [TabShow](/zh-CN/docs/Web/Reference/Events/TabShow)                                 |            | _Addons specific_ | A tab has been shown.                                                                                                           |
+| [TabHide](/zh-CN/docs/Web/Reference/Events/TabHide)                                 |            | _Addons specific_ | A tab has been hidden.                                                                                                          |
+| [TabPinned](/zh-CN/docs/Web/Reference/Events/TabPinned)                             |            | _Addons specific_ | A tab has been pinned.                                                                                                          |
+| [TabUnpinned](/zh-CN/docs/Web/Reference/Events/TabUnpinned)                         |            | _Addons specific_ | A tab has been unpinned.                                                                                                        |
+
+### 开发者工具特定事件
+
+| Event Name                                                                              | Event Type | Specification       | Fired when...                                                                     |
+| --------------------------------------------------------------------------------------- | ---------- | ------------------- | --------------------------------------------------------------------------------- |
+| [CssRuleViewRefreshed](/zh-CN/docs/Web/Reference/Events/CssRuleViewRefreshed)           |            | _devtools specific_ | The "Rules" view of the style inspector has been updated.                         |
+| [CssRuleViewChanged](/zh-CN/docs/Web/Reference/Events/CssRuleViewChanged)               |            | _devtools specific_ | The "Rules" view of the style inspector has been changed.                         |
+| [CssRuleViewCSSLinkClicked](/zh-CN/docs/Web/Reference/Events/CssRuleViewCSSLinkClicked) |            | _devtools specific_ | A link to a CSS file has been clicked in the "Rules" view of the style inspector. |
+
+## 规范
 
 {{Specifications}}
 
-<h2 id="参见">参见</h2>
+## 参见
 
-<ul>
- <li>{{DOMxRef("Event")}}</li>
- <li><a href="/zh-CN/docs/Web/Guide/DOM/Events">事件开发者指南</a></li>
-</ul>
+- {{DOMxRef("Event")}}
+- [事件开发者指南](/zh-CN/docs/Web/Guide/DOM/Events)
diff --git a/files/zh-cn/web/events/orientation_and_motion_data_explained/index.md b/files/zh-cn/web/events/orientation_and_motion_data_explained/index.md
index 05fbe68b5b8c3e..b4b80f9a873030 100644
--- a/files/zh-cn/web/events/orientation_and_motion_data_explained/index.md
+++ b/files/zh-cn/web/events/orientation_and_motion_data_explained/index.md
@@ -1,7 +1,6 @@
 ---
 title: Orientation 和 motion 数据解释
 slug: Web/Events/Orientation_and_motion_data_explained
-translation_of: Web/Events/Orientation_and_motion_data_explained
 tags:
   - Intermediate
   - Mobile
@@ -10,42 +9,62 @@ tags:
   - Orientation
   - páginas_a_traducir
   - rotation
+translation_of: Web/Events/Orientation_and_motion_data_explained
 ---
-<h2 id="总言">总言</h2>
-<p>当我们要使用 orientation 和 motion 事件时，理解浏览器给我们的相关值是什么意思就显的相当重要了。这篇文章会详细介绍在用的坐标系统并会教你如何全用它们。</p>
-<div class="warning">
- <p><strong>警告：</strong> 目前，Firefox 和 Chrome 处理坐标的方式不同。 在使用它们的时候要多加注意。</p>
-</div>
-<h2 id="坐标系">坐标系</h2>
-<p>坐标系是一种描述物体位置的系统，它包含三个轴 (X,Y,Z)，三个轴共同描述了物体相对于参照物的位置信息。当我们使用 orientation 和 motion 事件时会接触到两种坐标系统。</p>
-<h3 id="地球坐标系">地球坐标系</h3>
-<p>地球坐标系是相对于地心的，也就是说，它的轴是基于重力方向和磁场北方向。我们使用大写的 X,Y,Z 来描述地球坐标系的轴。</p>
-<ul>
- <li>X 轴沿着地平面，垂直于 Y 轴，向东为正，向西为负。</li>
- <li>Y 轴沿着地平面，向北 (北极，不是磁场北) 为正，向南为负。</li>
- <li>Z 轴垂直于地平面，想象成一条线连接着设备跟地心。背对地心的方向为正，指向地心的方向为负。</li>
-</ul>
-<h3 id="设备坐标系">设备坐标系</h3>
-<p>设备坐标系是相对于设备中心的。我们使用小写的 x,y,z 来描述它的轴。</p>
-<p><img alt="axes.png" src="axes.png"></p>
-<ul>
- <li>x 轴沿着屏幕表面，向右为正，向左为负。</li>
- <li>y 轴沿着屏幕表面，向上为正，向下为负。</li>
- <li>z 轴垂直屏幕表面或键盘，远离屏幕的方向为正。</li>
-</ul>
-<div class="note">
- <p><strong>备注：</strong> 注意：对于手机或平台而言，这里的设备方向总是相对于屏幕的标准方向，大部分是“竖屏”方向。而对于笔记本电脑来说，设备方向是相对于键盘的。如果你想检测设备方向变化来进行补偿调整，你可以使用 orientationchange 事件。</p></div>
-<h2 id="旋转(Rotation)">旋转 (Rotation)</h2>
-<p>旋转描述的是设备在设备坐标系跟地球坐标系中任意轴上的差异值，用角度表示。</p>
-<h3 id="Alpha">Alpha</h3>
-<p>围绕 z 轴旋转设备将使 alpha 角度值发生变化：</p>
-<p><img alt="alpha.png" src="alpha.png"></p>
-<p>alpha 为 0°时表示设备的顶部正指北极方向，当设备向左旋转时，alpha 将增加。</p>
-<h3 id="Beta">Beta</h3>
-<p>围绕 x 轴旋转，也就是前后旋转，将使 beta 值发生改变：</p>
-<p><img alt="beta.png" src="beta2.png"></p>
-<p>当 beta 为 0° 时表示设备顶部和底部与地表面的距离是一样的，当设备向前翻转时，beta 递增到 180°，向后翻转递减到-180°。</p>
-<h3 id="Gamma">Gamma</h3>
-<p>当围绕 y 轴旋转，也就是左右倾斜设备时，将使 gamma 值发生改变：</p>
-<p><img alt="gamma.png" src="gamma.png"></p>
-<p>gamma 等于 0°表示设备左右两边与地表面的距离相等，当设备向右翻转时，gamma 递增到 90° ，向左翻转时，递减到-90°。</p>
+## 总言
+
+当我们要使用 orientation 和 motion 事件时，理解浏览器给我们的相关值是什么意思就显的相当重要了。这篇文章会详细介绍在用的坐标系统并会教你如何全用它们。
+
+> **警告：** 目前，Firefox 和 Chrome 处理坐标的方式不同。 在使用它们的时候要多加注意。
+
+## 坐标系
+
+坐标系是一种描述物体位置的系统，它包含三个轴 (X,Y,Z)，三个轴共同描述了物体相对于参照物的位置信息。当我们使用 orientation 和 motion 事件时会接触到两种坐标系统。
+
+### 地球坐标系
+
+地球坐标系是相对于地心的，也就是说，它的轴是基于重力方向和磁场北方向。我们使用大写的 X,Y,Z 来描述地球坐标系的轴。
+
+- X 轴沿着地平面，垂直于 Y 轴，向东为正，向西为负。
+- Y 轴沿着地平面，向北 (北极，不是磁场北) 为正，向南为负。
+- Z 轴垂直于地平面，想象成一条线连接着设备跟地心。背对地心的方向为正，指向地心的方向为负。
+
+### 设备坐标系
+
+设备坐标系是相对于设备中心的。我们使用小写的 x,y,z 来描述它的轴。
+
+![axes.png](axes.png)
+
+- x 轴沿着屏幕表面，向右为正，向左为负。
+- y 轴沿着屏幕表面，向上为正，向下为负。
+- z 轴垂直屏幕表面或键盘，远离屏幕的方向为正。
+
+> **备注：** 注意：对于手机或平台而言，这里的设备方向总是相对于屏幕的标准方向，大部分是“竖屏”方向。而对于笔记本电脑来说，设备方向是相对于键盘的。如果你想检测设备方向变化来进行补偿调整，你可以使用 orientationchange 事件。
+
+## 旋转 (Rotation)
+
+旋转描述的是设备在设备坐标系跟地球坐标系中任意轴上的差异值，用角度表示。
+
+### Alpha
+
+围绕 z 轴旋转设备将使 alpha 角度值发生变化：
+
+![alpha.png](alpha.png)
+
+alpha 为 0° 时表示设备的顶部正指北极方向，当设备向左旋转时，alpha 将增加。
+
+### Beta
+
+围绕 x 轴旋转，也就是前后旋转，将使 beta 值发生改变：
+
+![beta.png](beta2.png)
+
+当 beta 为 0° 时表示设备顶部和底部与地表面的距离是一样的，当设备向前翻转时，beta 递增到 180°，向后翻转递减到-180°。
+
+### Gamma
+
+当围绕 y 轴旋转，也就是左右倾斜设备时，将使 gamma 值发生改变：
+
+![gamma.png](gamma.png)
+
+gamma 等于 0° 表示设备左右两边与地表面的距离相等，当设备向右翻转时，gamma 递增到 90° ，向左翻转时，递减到-90°。
diff --git a/files/zh-cn/web/exslt/index.md b/files/zh-cn/web/exslt/index.md
index 89bdb8a6d738c4..1f202bda64b4a2 100644
--- a/files/zh-cn/web/exslt/index.md
+++ b/files/zh-cn/web/exslt/index.md
@@ -9,81 +9,92 @@ tags:
   - XSLT_Reference
 translation_of: Web/EXSLT
 ---
-<p>
 {{ XsltRef() }}
-EXSLT is a set of extensions to <a href="en/XSLT">XSLT</a>. There are a number of modules; those that are supported by Firefox are listed below:
-</p>
-<dl><dt><a href="#Common">Common</a> (<code>exsl</code>)
-</dt><dd>Provides basic extension elements and functions.
-</dd><dt><a href="#Math">Math</a> (<code>math</code>)
-</dt><dd>Provides routines for comparing nodes.
-</dd><dt><a href="#Regular_expressions">Regular expressions</a> (<code>regexp</code>)
-</dt><dd>Provides facilities for using regular expressions in JavaScript syntax.
-</dd><dt><a href="#Sets">Sets</a> (<code>set</code>)
-</dt><dd>Provides routines for manipulating sets.
-</dd><dt><a href="#Strings">Strings</a> (<code>str</code>)
-</dt><dd>Provides functions for string manipulation.
-</dd></dl>
-<h3 id="Using_EXSLT">Using EXSLT</h3>
-<p>To use an EXSLT function, you need to declare the namespace the function is in, and then use the appropriate prefix when calling the function. For example, to use the regular expressions package:
-</p>
-<pre class="eval">&lt;xsl:stylesheet version="1.0"
+EXSLT is a set of extensions to [XSLT](en/XSLT). There are a number of modules; those that are supported by Firefox are listed below:
+
+- [Common](#Common) (`exsl`)
+  - : Provides basic extension elements and functions.
+- [Math](#Math) (`math`)
+  - : Provides routines for comparing nodes.
+- [Regular expressions](#Regular_expressions) (`regexp`)
+  - : Provides facilities for using regular expressions in JavaScript syntax.
+- [Sets](#Sets) (`set`)
+  - : Provides routines for manipulating sets.
+- [Strings](#Strings) (`str`)
+  - : Provides functions for string manipulation.
+
+### Using EXSLT
+
+To use an EXSLT function, you need to declare the namespace the function is in, and then use the appropriate prefix when calling the function. For example, to use the regular expressions package:
+
+```xml
+<xsl:stylesheet version="1.0"
                 xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
-                xmlns:regexp="http://exslt.org/regular-expressions"&gt;
-  &lt;xsl:template match="/"&gt;
+                xmlns:regexp="http://exslt.org/regular-expressions">
+  <xsl:template match="/">
     ...
-    &lt;xsl:value-of select="regexp:replace(/root/@value, 'before', 'gi', 'AFTER')"/&gt;
+    <xsl:value-of select="regexp:replace(/root/@value, 'before', 'gi', 'AFTER')"/>
     ...
-  &lt;/xsl:template&gt;
-
-&lt;/xsl:stylesheet&gt;
-</pre>
-<h3 id="Common">Common</h3>
-<p>The EXSLT Common package provides basic functions that expand upon the capabilities of XSLT. The namespace for the Common package is <code>http://exslt.org/common</code>.
-</p>
-<h4 id="Functions"> Functions </h4>
-<ul><li> <a href="en/EXSLT/exsl/node-set">exsl:node-set</a>
-</li><li> <a href="en/EXSLT/exsl/object-type">exsl:object-type</a>
-</li></ul>
-<h3 id="Math">Math</h3>
-<p>The EXSLT Math package provides functions for working with numeric values and comparing nodes. The namespace for the Math package is <code>http://exslt.org/math</code>.
-</p>
-<h4 id="Functions_2">Functions</h4>
-<ul><li> <a href="en/EXSLT/math/highest">math:highest</a>
-</li><li> <a href="en/EXSLT/math/lowest">math:lowest</a>
-</li><li> <a href="en/EXSLT/math/max">math:max</a>
-</li><li> <a href="en/EXSLT/math/min">math:min</a>
-</li></ul>
-<h3 id="Regular_expressions">Regular expressions</h3>
-<p>The EXSLT Regular Expressions package provides functions that allow testing, matching, and replacing text using JavaScript style regular expressions.
-</p><p>The EXSLT Regular Expressions namespace is <code>http://exslt.org/regular-expressions</code>.
-</p>
-<h4 id="Functions_3">Functions</h4>
-<ul><li> <a href="en/EXSLT/regexp/match">regexp:match</a>
-</li><li> <a href="en/EXSLT/regexp/replace">regexp:replace</a>
-</li><li> <a href="en/EXSLT/regexp/test">regexp:test</a>
-</li></ul>
-<h3 id="Sets">Sets</h3>
-<p>The EXSLT Sets package offers functions that let you perform set manipulation. The namespace for these functions is <code>http://exslt.org/sets</code>.
-</p>
-<h4 id="Functions_4">Functions</h4>
-<ul><li> <a href="en/EXSLT/set/difference">set:difference</a>
-</li><li> <a href="en/EXSLT/set/distinct">set:distinct</a>
-</li><li> <a href="en/EXSLT/set/intersection">set:intersection</a>
-</li><li> <a href="en/EXSLT/set/has-same-node">set:has-same-node</a>
-</li><li> <a href="en/EXSLT/set/leading">set:leading</a>
-</li><li> <a href="en/EXSLT/set/trailing">set:trailing</a>
-</li></ul>
-<h3 id="Strings">Strings</h3>
-<p>The EXSLT Strings package provides functions that allow the manipulation of strings. The namespace for the Strings package is <code>http://exslt.org/strings</code>.
-</p>
-<h4 id="Functions_5">Functions</h4>
-<ul><li> <a href="en/EXSLT/str/concat">str:concat</a>
-</li><li> <a href="en/EXSLT/str/split">str:split</a>
-</li><li> <a href="en/EXSLT/str/tokenize">str:tokenize</a>
-</li></ul>
-<h3 id="See_also">See also</h3>
-<ul><li> <a href="http://www.exslt.org/">EXSLT web site</a>
-</li></ul>
-<p><br>
-</p>
+  </xsl:template>
+
+</xsl:stylesheet>
+```
+
+### Common
+
+The EXSLT Common package provides basic functions that expand upon the capabilities of XSLT. The namespace for the Common package is `http://exslt.org/common`.
+
+#### Functions
+
+- [exsl:node-set](en/EXSLT/exsl/node-set)
+- [exsl:object-type](en/EXSLT/exsl/object-type)
+
+### Math
+
+The EXSLT Math package provides functions for working with numeric values and comparing nodes. The namespace for the Math package is `http://exslt.org/math`.
+
+#### Functions
+
+- [math:highest](en/EXSLT/math/highest)
+- [math:lowest](en/EXSLT/math/lowest)
+- [math:max](en/EXSLT/math/max)
+- [math:min](en/EXSLT/math/min)
+
+### Regular expressions
+
+The EXSLT Regular Expressions package provides functions that allow testing, matching, and replacing text using JavaScript style regular expressions.
+
+The EXSLT Regular Expressions namespace is `http://exslt.org/regular-expressions`.
+
+#### Functions
+
+- [regexp:match](en/EXSLT/regexp/match)
+- [regexp:replace](en/EXSLT/regexp/replace)
+- [regexp:test](en/EXSLT/regexp/test)
+
+### Sets
+
+The EXSLT Sets package offers functions that let you perform set manipulation. The namespace for these functions is `http://exslt.org/sets`.
+
+#### Functions
+
+- [set:difference](en/EXSLT/set/difference)
+- [set:distinct](en/EXSLT/set/distinct)
+- [set:intersection](en/EXSLT/set/intersection)
+- [set:has-same-node](en/EXSLT/set/has-same-node)
+- [set:leading](en/EXSLT/set/leading)
+- [set:trailing](en/EXSLT/set/trailing)
+
+### Strings
+
+The EXSLT Strings package provides functions that allow the manipulation of strings. The namespace for the Strings package is `http://exslt.org/strings`.
+
+#### Functions
+
+- [str:concat](en/EXSLT/str/concat)
+- [str:split](en/EXSLT/str/split)
+- [str:tokenize](en/EXSLT/str/tokenize)
+
+### See also
+
+- [EXSLT web site](http://www.exslt.org/)
diff --git a/files/zh-cn/web/exslt/regexp/match/index.md b/files/zh-cn/web/exslt/regexp/match/index.md
index 1297d90e9d8b26..985f4e7f6045c4 100644
--- a/files/zh-cn/web/exslt/regexp/match/index.md
+++ b/files/zh-cn/web/exslt/regexp/match/index.md
@@ -3,61 +3,59 @@ title: match
 slug: Web/EXSLT/regexp/match
 translation_of: Web/EXSLT/regexp/match
 ---
-<p>{{ XsltRef() }}</p>
+{{ XsltRef() }}
 
-<p><br>
- <code>regexp:match()</code> performs regular expression matching on a string, returning the submatches found as a result.</p>
+`regexp:match()` performs regular expression matching on a string, returning the submatches found as a result.
 
-<h3 id="Syntax">语法</h3>
+### 语法
 
-<pre class="brush: js">regexp:match(<em>targetString</em>,<em>regExpString</em>[[,<em>flagsString</em>]])
-</pre>
+```js
+regexp:match(targetString,regExpString[[,flagsString]])
+```
 
-<h3 id="Arguments">参数</h3>
+### 参数
 
-<dl>
- <dt><code><em>targetString</em></code></dt>
- <dd>The string to perform regular expression matching upon.</dd>
- <dt><code><em>regExpString</em></code></dt>
- <dd>The JavaScript style regular expression to evaluate.</dd>
- <dt><code><em>flagsString</em></code></dt>
- <dd>An optional string containing character flags.</dd>
-</dl>
+- `targetString`
+  - : The string to perform regular expression matching upon.
+- `regExpString`
+  - : The JavaScript style regular expression to evaluate.
+- `flagsString`
+  - : An optional string containing character flags.
 
-<p>The character flags are:</p>
+The character flags are:
 
-<dl>
- <dt><code>g</code></dt>
- <dd>全局匹配。The submatches from every match in the string are returned. If this flag isn't specified, only the submatches from the first match are returned.</dd>
- <dt><code>i</code></dt>
- <dd>Case insensitive match. If this flag is specified, the match is performed in a case insensitive fashion.</dd>
-</dl>
+- `g`
+  - : 全局匹配。The submatches from every match in the string are returned. If this flag isn't specified, only the submatches from the first match are returned.
+- `i`
+  - : Case insensitive match. If this flag is specified, the match is performed in a case insensitive fashion.
 
-<h3 id="Returns">Returns</h3>
+### Returns
 
-<p>A node set of <code>match</code> elements, each of which has the string value equal to a portion of the first parameter string as captured by the regular expression. If the match isn't a global one, the first match element has the value of the portion of the string matched by the entire regular expression.</p>
+A node set of `match` elements, each of which has the string value equal to a portion of the first parameter string as captured by the regular expression. If the match isn't a global one, the first match element has the value of the portion of the string matched by the entire regular expression.
 
-<p>例如：</p>
+例如：
 
-<pre class="brush: xml">&lt;xsl:for-each select="regExp:match('http://developer.mozilla.org/en/docs/Firefox_3_for_developers',
-                                   '(\w+):\/\/([^/:]+)(:\d*)?([^# ]*)')"&gt;
-   Part &lt;xsl:value-of select="position()" /&gt; = &lt;xsl:value-of select="." /&gt;
-&lt;/xsl:for-each&gt;
-</pre>
+```xml
+<xsl:for-each select="regExp:match('http://developer.mozilla.org/en/docs/Firefox_3_for_developers',
+                                   '(\w+):\/\/([^/:]+)(:\d*)?([^# ]*)')">
+   Part <xsl:value-of select="position()" /> = <xsl:value-of select="." />
+</xsl:for-each>
+```
 
-<p>This code generates the following output:</p>
+This code generates the following output:
 
-<pre class="brush: plain">Part 1 = http://developer.mozilla.org/en/docs/Firefox_3_for_developers
+```plain
+Part 1 = http://developer.mozilla.org/en/docs/Firefox_3_for_developers
 Part 2 = http
 Part 3 = developer.mozilla.org
 Part 4 =
 Part 5 = /en/docs/Firefox_3_for_developers
-</pre>
+```
 
-<h3 id="Defined">定义</h3>
+### 定义
 
-<p><a href="http://www.exslt.org/regexp/functions/match/index.html">EXSLT - REGEXP:MATCH</a></p>
+[EXSLT - REGEXP:MATCH](http://www.exslt.org/regexp/functions/match/index.html)
 
-<h3 id="Gecko_support">Gecko support</h3>
+### Gecko support
 
-<p>Supported in Gecko 1.9 and later.</p>
+Supported in Gecko 1.9 and later.