This article needs a technical review. How you can help.
This article needs an editorial review. How you can help.
This is an experimental technology
Because this technology's specification has not stabilized, check the compatibility table for usage in various browsers. Also note that the syntax and behavior of an experimental technology is subject to change in future versions of browsers as the specification changes.
The activeElement
property of the DocumentOrShadowRoot
interface returns the element
within the shadow tree that has focus.
Syntax
var element = DocumentOrShadowRoot.activeElement
Value
A element
.
Example
// Know the focused element inside shadow DOM: this.addEventListener('focus', function(e) { console.log('Active element (inside shadow dom):', this.shadowRoot.activeElement); });
Specifications
Specification | Status | Comment |
---|---|---|
Shadow DOM | Working Draft | Initial definition. |
Browser Compatibility
Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
---|---|---|---|---|---|
Basic support | 53.0 | ? | ? | ? | ? |
Feature | Android | Android Webview | Firefox Mobile (Gecko) | Firefox OS | IE Mobile | Opera Mobile | Safari Mobile | Chrome for Android |
---|---|---|---|---|---|---|---|---|
Basic support | No support | 53.0 | ? | ? | ? | ? | ? | 53.0 |