NavigateEvent: sourceElement property

{{APIRef("Navigation API")}}

The sourceElement read-only property of the {{domxref("NavigateEvent")}} interface returns an {{domxref("Element")}} object representing the initiating element, in cases where the navigation was initiated by an element.

The initiating element can be:

• An HTML {{htmlelement("a")}} element (or SVG <a> element).
• An {{htmlelement("area")}} element.
• A submit button (<input type="submit"> or <button type="submit">).
• A submitted {{htmlelement("form")}} element.

Value

An {{domxref("Element")}} object representing the element that initiated the navigation, or null if the navigation was not initiated by an element.

Examples

Getting the sourceElement for an event

navigation.addEventListener("navigate", (event) => {
  console.log(event.sourceElement);
});

Specifications

{{Specifications}}

Browser compatibility

{{Compat}}

See also

• Modern client-side routing: the Navigation API
• Navigation API explainer