DocumentOrShadowRoot.activeElement

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