PerformanceEventTiming: processingEnd property
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
The read-only processingEnd
property returns the time the last event handler finished executing.
It's equal to PerformanceEventTiming.processingStart
when there are no such event handlers.
Value
A DOMHighResTimeStamp
timestamp.
Examples
Using the processingEnd property
The processingEnd
property can be used when observing event-timing entries (PerformanceEventTiming
). For example, to calculate input delay or event processing times.
js
const observer = new PerformanceObserver((list) => {
list.getEntries().forEach((entry) => {
// Full duration
const duration = entry.duration;
// Input delay (before processing event)
const delay = entry.processingStart - entry.startTime;
// Synchronous event processing time
// (between start and end dispatch)
const time = entry.processingEnd - entry.processingStart;
});
});
// Register the observer for events
observer.observe({ type: "event", buffered: true });
Specifications
Specification |
---|
Event Timing API # dom-performanceeventtiming-processingend |
Browser compatibility
Report problems with this compatibility data on GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
processingEnd |
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
- No support
- No support
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.