From e2643f1e432d9bbeea573e0a61cba62c22eeda5f Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Sun, 30 Jan 2022 00:25:50 +0900
Subject: 2021/09/15 時点の英語版に同期
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ja/web/api/xmlhttprequest/abort_event/index.md | 139 +++++++++------------
 1 file changed, 62 insertions(+), 77 deletions(-)

(limited to 'files/ja')

diff --git a/files/ja/web/api/xmlhttprequest/abort_event/index.md b/files/ja/web/api/xmlhttprequest/abort_event/index.md
index 56de4e98ac..49d776a3b4 100644
--- a/files/ja/web/api/xmlhttprequest/abort_event/index.md
+++ b/files/ja/web/api/xmlhttprequest/abort_event/index.md
@@ -3,58 +3,59 @@ title: 'XMLHttpRequest: abort イベント'
 slug: Web/API/XMLHttpRequest/abort_event
 tags:
   - API
-  - Event
+  - イベント
   - ProgressEvent
-  - Web
+  - ウェブ
   - XMLHttpRequest
   - abort
-  - イベント
-  - ウェブ
+browser-compat: api.XMLHttpRequest.abort_event
 translation_of: Web/API/XMLHttpRequest/abort_event
 ---
-<div>{{APIRef}}</div>
+{{APIRef}}
 
-<p><code>abort</code> イベントは、例えばプログラムが {{domxref("XMLHttpRequest.abort()")}} を呼び出した時など、リクエストが中断されたときに発生します。</p>
+`abort` イベントは、例えばプログラムが {{domxref("XMLHttpRequest.abort()")}} を呼び出した時など、リクエストが中断されたときに発生します。
 
 <table class="properties">
- <tbody>
-  <tr>
-   <th scope="row">バブリング</th>
-   <td>なし</td>
-  </tr>
-  <tr>
-   <th scope="row">キャンセル可能</th>
-   <td>いいえ</td>
-  </tr>
-  <tr>
-   <th scope="row">インターフェイス</th>
-   <td>{{domxref("ProgressEvent")}}</td>
-  </tr>
-  <tr>
-   <th scope="row">イベントハンドラープロパティ</th>
-   <td>{{domxref("XMLHttpRequestEventTarget/onabort", "onabort")}}</td>
-  </tr>
- </tbody>
+  <tbody>
+    <tr>
+      <th scope="row">バブリング</th>
+      <td>なし</td>
+    </tr>
+    <tr>
+      <th scope="row">キャンセル</th>
+      <td>不可</td>
+    </tr>
+    <tr>
+      <th scope="row">インターフェイス</th>
+      <td>{{domxref("ProgressEvent")}}</td>
+    </tr>
+    <tr>
+      <th scope="row">イベントハンドラープロパティ</th>
+      <td>
+        {{domxref("XMLHttpRequestEventTarget/onabort", "onabort")}}
+      </td>
+    </tr>
+  </tbody>
 </table>
 
-<h2 id="Examples" name="Examples">例</h2>
+## 例
 
-<h3 id="Live_example" name="Live_example">ライブデモ</h3>
+### ライブデモ
 
-<h4 id="HTML">HTML</h4>
+#### HTML
 
-<pre class="brush: html">&lt;div class="controls"&gt;
-    &lt;input class="xhr success" type="button" name="xhr" value="Click to start XHR (success)" /&gt;
-    &lt;input class="xhr error" type="button" name="xhr" value="Click to start XHR (error)" /&gt;
-    &lt;input class="xhr abort" type="button" name="xhr" value="Click to start XHR (abort)" /&gt;
-&lt;/div&gt;
-
-&lt;textarea readonly class="event-log"&gt;&lt;/textarea&gt;</pre>
+```html
+<div class="controls">
+    <input class="xhr success" type="button" name="xhr" value="Click to start XHR (success)" />
+    <input class="xhr error" type="button" name="xhr" value="Click to start XHR (error)" />
+    <input class="xhr abort" type="button" name="xhr" value="Click to start XHR (abort)" />
+</div>
 
-<div class="hidden">
-<h4 id="CSS">CSS</h4>
+<textarea readonly class="event-log"></textarea>
+```
 
-<pre class="brush: css">.event-log {
+```css hidden
+.event-log {
     width: 25rem;
     height: 4rem;
     border: 1px solid black;
@@ -66,12 +67,12 @@ input {
     width: 11rem;
     margin: .5rem;
 }
-</pre>
-</div>
+```
 
-<h4 id="JS">JS</h4>
+#### JS
 
-<pre class="brush: js">const xhrButtonSuccess = document.querySelector('.xhr.success');
+```js
+const xhrButtonSuccess = document.querySelector('.xhr.success');
 const xhrButtonError = document.querySelector('.xhr.error');
 const xhrButtonAbort = document.querySelector('.xhr.abort');
 const log = document.querySelector('.event-log');
@@ -99,48 +100,32 @@ function runXHR(url) {
     return xhr;
 }
 
-xhrButtonSuccess.addEventListener('click', () =&gt; {
-    runXHR('https://mdn.mozillademos.org/files/16553/DgsZYJNXcAIPwzy.jpg');
+xhrButtonSuccess.addEventListener('click', () => {
+    runXHR('dgszyjnxcaipwzy.jpg');
 });
 
-xhrButtonError.addEventListener('click', () =&gt; {
+xhrButtonError.addEventListener('click', () => {
     runXHR('https://somewhere.org/i-dont-exist');
 });
 
-xhrButtonAbort.addEventListener('click', () =&gt; {
-    runXHR('https://mdn.mozillademos.org/files/16553/DgsZYJNXcAIPwzy.jpg').abort();
-});</pre>
-
-<h4 id="Result" name="Result">結果</h4>
-
-<p>{{ EmbedLiveSample('Live_example', '100%', '150px') }}</p>
-
-<h2 id="Specifications" name="Specifications">仕様書</h2>
-
-<table class="standard-table">
- <thead>
-  <tr>
-   <th scope="col">仕様書</th>
-   <th scope="col">状態</th>
-   <th scope="col">備考</th>
-  </tr>
- </thead>
- <tbody>
-  <tr>
-   <td>{{SpecName('XMLHttpRequest', '#event-xhr-abort')}}</td>
-   <td>{{Spec2('XMLHttpRequest')}}</td>
-   <td> </td>
-  </tr>
- </tbody>
-</table>
+xhrButtonAbort.addEventListener('click', () => {
+    runXHR('dgszyjnxcaipwzy.jpg').abort();
+});
+```
+
+#### 結果
+
+{{ EmbedLiveSample('Live_example', '100%', '150px') }}
+
+## 仕様書
+
+{{Specifications}}
 
-<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの対応</h2>
+## ブラウザーの互換性
 
-<p>{{Compat("api.XMLHttpRequest.abort_event")}}</p>
+{{Compat}}
 
-<h2 id="See_also" name="See_also">関連情報</h2>
+## 関連情報
 
-<ul>
- <li>関連イベント: {{domxref("XMLHttpRequest/loadstart_event", "loadstart")}}, {{domxref("XMLHttpRequest/load_event", "load")}}, {{domxref("XMLHttpRequest/progress_event", "progress")}}, {{domxref("XMLHttpRequest/error_event", "error")}}, {{domxref("XMLHttpRequest/loadend_event", "loadend")}}</li>
- <li><a href="/ja/docs/Web/API/XMLHttpRequest/Using_XMLHttpRequest#Monitoring_progress">進捗の監視</a></li>
-</ul>
+- 関連イベント: {{domxref("XMLHttpRequest/loadstart_event", "loadstart")}}, {{domxref("XMLHttpRequest/load_event", "load")}}, {{domxref("XMLHttpRequest/progress_event", "progress")}}, {{domxref("XMLHttpRequest/error_event", "error")}}, {{domxref("XMLHttpRequest/loadend_event", "loadend")}}
+- [進捗の監視](/ja/docs/Web/API/XMLHttpRequest/Using_XMLHttpRequest#monitoring_progress)
-- 
cgit v1.2.3-54-g00ecf