aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorMasahiro FUJIMOTO <mfujimot@gmail.com>2022-01-18 21:05:33 +0900
committerMasahiro FUJIMOTO <mfujimot@gmail.com>2022-01-26 08:55:52 +0900
commitd402e99ad3fd99263a5e1811ad4c010bc20fa6e9 (patch)
tree9af1676089eddba3bb80d41e7cb1dd3a08e8ae1e
parent18ed23232854c241163a956dac49e83282cd2eff (diff)
downloadtranslated-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.md43
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}}