diff options
| -rw-r--r-- | files/ja/web/api/focusevent/relatedtarget/index.md | 72 |
1 files changed, 72 insertions, 0 deletions
diff --git a/files/ja/web/api/focusevent/relatedtarget/index.md b/files/ja/web/api/focusevent/relatedtarget/index.md new file mode 100644 index 0000000000..c3d425aafb --- /dev/null +++ b/files/ja/web/api/focusevent/relatedtarget/index.md @@ -0,0 +1,72 @@ +--- +title: FocusEvent.relatedTarget +slug: Web/API/FocusEvent/relatedTarget +tags: + - API + - イベント + - 実験的 + - FocusEvent + - プロパティ + - リファレンス +browser-compat: api.FocusEvent.relatedTarget +translation_of: Web/API/FocusEvent/relatedTarget +--- +{{ apiref("DOM Events") }} + +**`FocusEvent.relatedTarget`** は読み取り専用プロパティで、イベントの種類に応じた副ターゲットを表します。 + +<table class="no-markdown"> + <thead> + <tr> + <th scope="col">イベント名</th> + <th scope="col"><code>target</code></th> + <th scope="col"><code>relatedTarget</code></th> + </tr> + </thead> + <tbody> + <tr> + <td>{{Event("blur")}}</td> + <td>フォーカスを失う {{domxref("EventTarget")}}</td> + <td> + フォーカスを受け取る {{domxref("EventTarget")}} （存在する場合） + </td> + </tr> + <tr> + <td>{{Event("focus")}}</td> + <td>フォーカスを受け取る {{domxref("EventTarget")}}</td> + <td>フォーカスを失う {{domxref("EventTarget")}} （存在する場合）</td> + </tr> + <tr> + <td>{{Event("focusin")}}</td> + <td>フォーカスを受け取る {{domxref("EventTarget")}}</td> + <td>フォーカスを失う {{domxref("EventTarget")}} （存在する場合）</td> + </tr> + <tr> + <td>{{Event("focusout")}}</td> + <td>フォーカスを失う {{domxref("EventTarget")}}</td> + <td>フォーカスを受け取る {{domxref("EventTarget")}} （存在する場合）</td> + </tr> + </tbody> +</table> + +なお、[多くの要素はフォーカスを受け取ることができない](https://stackoverflow.com/a/42764495/1026)ことが、 `relatedTarget` が `null` になる良くある理由です。 `relatedTarget` はタブ移動でページをでたり入ったりする場合など、セキュリティ上の理由で `null` になることもあります。 + +{{domxref("MouseEvent.relatedTarget")}} はマウスイベントにおける同様のプロパティです。 + +## 構文 + +```js +secondTarget = focusEvent.relatedTarget +``` + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- 所属する {{domxref("FocusEvent")}} インターフェイス |