FocusEvent 関係のインターフェイス・イベントの記事を変換準備

6 files changed, 55 insertions, 72 deletions

diff --git a/files/ja/web/api/element/blur_event/index.html b/files/ja/web/api/element/blur_event/index.md
index a91dd6fcc8..a91dd6fcc8 100644
--- a/files/ja/web/api/element/blur_event/index.html
+++ b/files/ja/web/api/element/blur_event/index.md
diff --git a/files/ja/web/api/element/focus_event/index.html b/files/ja/web/api/element/focus_event/index.md
index c087c896b0..c087c896b0 100644
--- a/files/ja/web/api/element/focus_event/index.html
+++ b/files/ja/web/api/element/focus_event/index.md
diff --git a/files/ja/web/api/element/focusin_event/index.html b/files/ja/web/api/element/focusin_event/index.md
index 82f3fada9f..82f3fada9f 100644
--- a/files/ja/web/api/element/focusin_event/index.html
+++ b/files/ja/web/api/element/focusin_event/index.md
diff --git a/files/ja/web/api/element/focusout_event/index.html b/files/ja/web/api/element/focusout_event/index.md
index 0e0e661a6b..0e0e661a6b 100644
--- a/files/ja/web/api/element/focusout_event/index.html
+++ b/files/ja/web/api/element/focusout_event/index.md
diff --git a/files/ja/web/api/focusevent/focusevent/index.md b/files/ja/web/api/focusevent/focusevent/index.md
new file mode 100644
index 0000000000..353cf01b5f
--- /dev/null
+++ b/files/ja/web/api/focusevent/focusevent/index.md
@@ -0,0 +1,55 @@
+---
+title: FocusEvent()
+slug: Web/API/FocusEvent/FocusEvent
+tags:
+  - API
+  - Constructor
+  - Event
+  - FocusEvent
+  - Reference
+browser-compat: api.FocusEvent.FocusEvent
+---
+{{APIRef("DOM Events")}}
+
+The **`FocusEvent()`** constructor returns a newly created
+{{domxref("FocusEvent")}} object with an optional {{domxref("EventTarget")}}. When the
+event has both a source and a destination, the `relatedTarget` value must be
+set to the other target.
+
+## Syntax
+
+```js
+var focusEvent = new FocusEvent(typeArg[, focusEventInit]);
+```
+
+### Properties
+
+_The `FocusEvent()` constructor also inherits arguments from
+{{domxref("UIEvent.UIEvent", "UIEvent()")}} and from {{domxref("Event.Event",
+    "Event()")}}._
+
+- `typeArg`
+  - : Is a {{domxref("DOMString")}} representing the name of the event.
+- `focusEventInit` {{optional_inline}}
+
+  - : Is a `FocusEventInit` dictionary, having the following fields:
+
+    - `"relatedTarget"`, optional and defaulting to `null`, is
+      an {{domxref("EventTarget")}} representing the secondary target of a
+      {{domxref("FocusEvent")}}.
+
+    > **Note:** The `FocusEventInit` dictionary also accepts fields from the
+    > {{domxref("UIEvent.UIEvent", "UIEventInit")}} and {{domxref("Event.Event",
+        "EventInit")}} dictionaries.
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
+
+## See also
+
+- The {{domxref("FocusEvent")}} interface it belongs to.
diff --git a/files/ja/web/api/focusevent/index.html b/files/ja/web/api/focusevent/index.html
deleted file mode 100644
index 1b174b5594..0000000000
--- a/files/ja/web/api/focusevent/index.html
+++ /dev/null
@@ -1,72 +0,0 @@
----
-title: FocusEvent
-slug: Web/API/FocusEvent
-tags:
-  - API
-  - DOM
-  - DOM Events
-  - Event
-  - Experimental
-  - Reference
-  - イベント
-translation_of: Web/API/FocusEvent
----
-<p>{{APIRef("DOM Events")}}</p>
-
-<p><strong><code>FocusEvent</code></strong> はフォーカスに関するイベント、例えば {{domxref("Element/focus_event", "focus")}}, {{domxref("Element/blur_event", "blur")}}, {{domxref("Element/focusin_event", "focusin")}}, {{domxref("Element/focusout_event", "focusout")}} などを表します。</p>
-
-<p>{{InheritanceDiagram}}</p>
-
-<h2 id="Constructor" name="Constructor">コンストラクター</h2>
-
-<dl>
- <dt>{{domxref("FocusEvent.FocusEvent", "FocusEvent()")}}</dt>
- <dd>指定した引数に基づいて、<code>FocusEvent</code> イベントを作成します。</dd>
-</dl>
-
-<h2 id="Properties" name="Properties">プロパティ</h2>
-
-<p><em>このインターフェイスは親である {{domxref("UIEvent")}} および間接的に {{domxref("Event")}} から、プロパティを継承しています</em>。</p>
-
-<dl>
- <dt>{{domxref("FocusEvent.relatedTarget")}}</dt>
- <dd>このイベントのセカンダリターゲットを表す {{domxref("EventTarget")}} です。一部の場合 (タブ移動でページに出入りするときなど) では、セキュリティ上の理由からこのプロパティが <code>null</code> に設定されます。</dd>
-</dl>
-
-<h2 id="Methods" name="Methods">メソッド</h2>
-
-<p><em>このインターフェイスには固有のメソッドはありません。親である {{domxref("UIEvent")}} および間接的に {{domxref("Event")}} から、メソッドを継承しています。</em></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('UI Events', '#interface-focusevent', 'FocusEvent')}}</td>
-   <td>{{Spec2('UI Events')}}</td>
-   <td></td>
-  </tr>
-  <tr>
-   <td>{{SpecName('DOM3 Events', '#interface-focusevent', 'FocusEvent')}}</td>
-   <td>{{Spec2('DOM3 Events')}}</td>
-   <td>初回定義</td>
-  </tr>
- </tbody>
-</table>
-
-<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2>
-
-<p>{{Compat("api.FocusEvent")}}</p>
-
-<h2 id="See_also" name="See_also">関連情報</h2>
-
-<ul>
- <li>{{domxref("Event")}} 基本インターフェイス</li>
-</ul>