diff options
author | Masahiro FUJIMOTO <mfujimot@gmail.com> | 2022-01-18 21:05:33 +0900 |
---|---|---|
committer | Masahiro FUJIMOTO <mfujimot@gmail.com> | 2022-01-26 08:55:52 +0900 |
commit | d402e99ad3fd99263a5e1811ad4c010bc20fa6e9 (patch) | |
tree | 9af1676089eddba3bb80d41e7cb1dd3a08e8ae1e | |
parent | 18ed23232854c241163a956dac49e83282cd2eff (diff) | |
download | translated-content-d402e99ad3fd99263a5e1811ad4c010bc20fa6e9.tar.gz translated-content-d402e99ad3fd99263a5e1811ad4c010bc20fa6e9.tar.bz2 translated-content-d402e99ad3fd99263a5e1811ad4c010bc20fa6e9.zip |
2021/10/22 時点の英語版に同期
-rw-r--r-- | files/ja/web/api/shadowroot/delegatesfocus/index.md | 43 |
1 files changed, 18 insertions, 25 deletions
diff --git a/files/ja/web/api/shadowroot/delegatesfocus/index.md b/files/ja/web/api/shadowroot/delegatesfocus/index.md index 8c2e45a5fe..d9e232600d 100644 --- a/files/ja/web/api/shadowroot/delegatesfocus/index.md +++ b/files/ja/web/api/shadowroot/delegatesfocus/index.md @@ -3,46 +3,39 @@ title: ShadowRoot.delegatesFocus slug: Web/API/ShadowRoot/delegatesFocus tags: - API - - Non-standard - - Property - - Read-only - - Reference + - プロパティ + - リファレンス - ShadowRoot - - Web Components + - ウェブコンポーネント - delegatesFocus - - shadow dom - - プロパティ - - 読み取り専用 + - シャドウ DOM +browser-compat: api.ShadowRoot.delegatesFocus translation_of: Web/API/ShadowRoot/delegatesFocus --- -<div>{{APIRef("Shadow DOM")}}</div> - -<p><strong><code>delegatesFocus</code></strong> は {{domxref("ShadowRoot")}} インターフェイスの読み取り専用プロパティで、シャドウが割り当てられたときに delegatesFocus が設定されていたかどうかを示す真偽値を返します ({{domxref("Element.attachShadow()")}} を参照)。</p> - -<p>これは現在のところ試験的な標準外の機能であり、 Chrome のみで使用可能です。</p> - -<h2 id="Syntax" name="Syntax">構文</h2> +{{APIRef("Shadow DOM")}} -<pre class="syntaxbox">var <var>df</var> = <var>shadowRoot</var>.delegatesFocus</pre> +**`delegatesFocus`** は {{domxref("ShadowRoot")}} インターフェイスの読み取り専用プロパティで、シャドウルートがフォーカスを委任する場合は `true`、そうでなければ `false` を返します。 -<h3 id="Value" name="Value">値</h3> +`true` の場合、シャドウ DOM のフォーカスを受け取れない部分がクリックさると、フォーカスを受け取ることができる最初の部分がフォーカスを受け取り、シャドウホストが `:focus` のスタイルになります。 -<p>真偽値 — シャドウルートがフォーカスを転送するのであれば <code>true</code>、そうでなければ <code>false</code>。</p> +このプロパティの値は {{domxref("Element.attachShadow()")}}) に渡されたオブジェクトの `delegatesFocus` プロパティを使用して設定します。 -<h2 id="Examples" name="Examples">例</h2> +### 値 -<pre class="brush: js">let customElem = document.querySelector('my-shadow-dom-element'); +```js +let customElem = document.querySelector('my-shadow-dom-element'); let shadow = customElem.shadowRoot; ... // Does it delegate focus? -let hostElem = shadow.delegatesFocus;</pre> +let hostElem = shadow.delegatesFocus; +``` -<h2 id="Specifications" name="Specifications">仕様書</h2> +## 仕様書 -<p>この機能は現在のところ、仕様書で定義されていません。</p> +{{Specifications}} -<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの対応</h2> +## ブラウザーの互換性 -<p>{{Compat("api.ShadowRoot.delegatesFocus")}}</p> +{{Compat}} |