PerformanceEventTiming: target property

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

The read-only target property returns the associated event's last target which is the node onto which the event was last dispatched.

Value

A Node onto which the event was last dispatched.

Or null if the Node is disconnected from the document's DOM or is in the shadow DOM.

Examples

Observing events with a specific last target

The target property can be used when observing event-timing entries (PerformanceEventTiming). For example, to log and measure events for a given last target only.

js
const observer = new PerformanceObserver((list) => {
  list.getEntries().forEach((entry) => {
    if (entry.target && entry.target.id === "myNode") {
      const delay = entry.processingStart - entry.startTime;
      console.log(entry.name, delay);
    }
  });
});

// Register the observer for events
observer.observe({ type: "event", buffered: true });

Specifications

Specification
Event Timing API
# dom-performanceeventtiming-target

Browser compatibility

BCD tables only load in the browser