From d402e99ad3fd99263a5e1811ad4c010bc20fa6e9 Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Tue, 18 Jan 2022 21:05:33 +0900 Subject: 2021/10/22 時点の英語版に同期 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../ja/web/api/shadowroot/delegatesfocus/index.md | 43 +++++++++------------- 1 file 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 --- -
{{APIRef("Shadow DOM")}}
- -

delegatesFocus は {{domxref("ShadowRoot")}} インターフェイスの読み取り専用プロパティで、シャドウが割り当てられたときに delegatesFocus が設定されていたかどうかを示す真偽値を返します ({{domxref("Element.attachShadow()")}} を参照)。

- -

これは現在のところ試験的な標準外の機能であり、 Chrome のみで使用可能です。

- -

構文

+{{APIRef("Shadow DOM")}} -
var df = shadowRoot.delegatesFocus
+**`delegatesFocus`** は {{domxref("ShadowRoot")}} インターフェイスの読み取り専用プロパティで、シャドウルートがフォーカスを委任する場合は `true`、そうでなければ `false` を返します。 -

+`true` の場合、シャドウ DOM のフォーカスを受け取れない部分がクリックさると、フォーカスを受け取ることができる最初の部分がフォーカスを受け取り、シャドウホストが `:focus` のスタイルになります。 -

真偽値 — シャドウルートがフォーカスを転送するのであれば true、そうでなければ false

+このプロパティの値は {{domxref("Element.attachShadow()")}}) に渡されたオブジェクトの `delegatesFocus` プロパティを使用して設定します。 -

+### 値 -
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;
+let hostElem = shadow.delegatesFocus; +``` -

仕様書

+## 仕様書 -

この機能は現在のところ、仕様書で定義されていません。

+{{Specifications}} -

ブラウザーの対応

+## ブラウザーの互換性 -

{{Compat("api.ShadowRoot.delegatesFocus")}}

+{{Compat}} -- cgit v1.2.3-54-g00ecf