This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
The activeElement
property of the DocumentOrShadowRoot
interface returns the element
within the shadow tree which 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 | Editor's Draft | Initial definition. |
Browser Compatibility
Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
---|---|---|---|---|---|
Basic support | 53.0 | ? | ? | ? | 10.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 | ? | ? | ? | ? | 10.0 | 53.0 |