---
title: ShadowRoot.delegatesFocus
slug: Web/API/ShadowRoot/delegatesFocus
tags:
  - API
  - Non-standard
  - Property
  - Read-only
  - Reference
  - ShadowRoot
  - Web Components
  - delegatesFocus
  - shadow dom
  - プロパティ
  - 読み取り専用
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>

<pre class="syntaxbox">var <var>df</var> = <var>shadowRoot</var>.delegatesFocus</pre>

<h3 id="Value" name="Value">値</h3>

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

<h2 id="Examples" name="Examples">例</h2>

<pre class="brush: js">let customElem = document.querySelector('my-shadow-dom-element');
let shadow = customElem.shadowRoot;

  ...

// Does it delegate focus?
let hostElem = shadow.delegatesFocus;</pre>

<h2 id="Specifications" name="Specifications">仕様書</h2>

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

<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの対応</h2>

<p>{{Compat("api.ShadowRoot.delegatesFocus")}}</p>