From 9954367a73819416786a7516faab92847381b933 Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Sun, 1 Oct 2023 22:13:11 +0900 Subject: [PATCH] =?UTF-8?q?2023/07/07=20=E6=99=82=E7=82=B9=E3=81=AE?= =?UTF-8?q?=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=90=8C=E6=9C=9F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../ja/web/api/document/activeelement/index.md | 17 ++++++++++++----- 1 file changed, 12 insertions(+), 5 deletions(-) diff --git a/files/ja/web/api/document/activeelement/index.md b/files/ja/web/api/document/activeelement/index.md index fbac36fbb70587..5992af29790894 100644 --- a/files/ja/web/api/document/activeelement/index.md +++ b/files/ja/web/api/document/activeelement/index.md @@ -1,6 +1,9 @@ --- -title: Document.activeElement +title: "Document: activeElement プロパティ" +short-title: activeElement slug: Web/API/Document/activeElement +l10n: + sourceCommit: acfe8c9f1f4145f77653a2bc64a9744b001358dc --- {{APIRef("Shadow DOM")}} @@ -8,7 +11,7 @@ slug: Web/API/Document/activeElement **`activeElement`** は {{domxref("Document")}} インターフェイスの読み取り専用プロパティで、DOM 内で現在フォーカスを持っている要素 ({{domxref("Element")}}) を返します。 多くの場合、 `activeElement` はその時点でテキストが選択されていれば {{domxref("HTMLInputElement")}} または {{domxref("HTMLTextAreaElement")}} オブジェクトを返します。もしそうなら、そのオブジェクトの `selectionStart` と `selectionEnd` プロパティを使用することで、より詳細な情報を得ることができます。 -その他、フォーカスされている要素が {{HTMLElement("select")}} 要素（メニュー）や {{HTMLElement("input")}} 要素（ `type` `"button"`, `"checkbox"`, `"radio"`） である場合もあります。 +その他、フォーカスされている要素が {{HTMLElement("select")}} 要素（メニュー）や {{HTMLElement("input")}} 要素である場合もあります。 通常、ユーザーはタブキーを押して、フォーカス可能な要素間でページ内のフォーカスを移動させ、スペースバーを使用して 1 つの要素をアクティブにします（つまり、ボタンを押したり、ラジオボタンをトグル切り替えしたりします）。どの要素にフォーカスが当たるかは、プラットフォームやブラウザーの現在の設定によって異なります。例えば、 macOS システムでは通常、既定では、テキスト入力要素以外の要素はフォーカスされません。 @@ -34,8 +37,8 @@ slug: Web/API/Document/activeElement > -

アクティブな要素の ID:

-

選択されているテキスト:

+

アクティブな要素の ID:

+

選択されているテキスト:

``` ### JavaScript @@ -62,7 +65,7 @@ textarea2.addEventListener("mouseup", onMouseUp, false); ### 結果 -{{ EmbedLiveSample('Example', '400', '400') }} +{{ EmbedLiveSample('Examples', '400', '400') }} ## 仕様書 @@ -71,3 +74,7 @@ textarea2.addEventListener("mouseup", onMouseUp, false); ## ブラウザーの互換性 {{Compat}} + +## 関連情報 + +- {{domxref("Document.hasFocus")}}