blob: d9e232600d43f0cece1d072c3f28612a4808974f (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
|
---
title: ShadowRoot.delegatesFocus
slug: Web/API/ShadowRoot/delegatesFocus
tags:
- API
- プロパティ
- リファレンス
- ShadowRoot
- ウェブコンポーネント
- delegatesFocus
- シャドウ DOM
browser-compat: api.ShadowRoot.delegatesFocus
translation_of: Web/API/ShadowRoot/delegatesFocus
---
{{APIRef("Shadow DOM")}}
**`delegatesFocus`** は {{domxref("ShadowRoot")}} インターフェイスの読み取り専用プロパティで、シャドウルートがフォーカスを委任する場合は `true`、そうでなければ `false` を返します。
`true` の場合、シャドウ DOM のフォーカスを受け取れない部分がクリックさると、フォーカスを受け取ることができる最初の部分がフォーカスを受け取り、シャドウホストが `:focus` のスタイルになります。
このプロパティの値は {{domxref("Element.attachShadow()")}}) に渡されたオブジェクトの `delegatesFocus` プロパティを使用して設定します。
### 値
```js
let customElem = document.querySelector('my-shadow-dom-element');
let shadow = customElem.shadowRoot;
...
// Does it delegate focus?
let hostElem = shadow.delegatesFocus;
```
## 仕様書
{{Specifications}}
## ブラウザーの互換性
{{Compat}}
|
