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
Loading...