PerformanceEventTiming: target property
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