The read-only processingStart
property returns the time at which event dispatch started. This is when event handlers are about to be executed.
The read-only processingStart
property returns the time at which event dispatch started. This is when event handlers are about to be executed.
A DOMHighResTimeStamp
timestamp.
The processingStart
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 });
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | WebView Android | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | |
processingStart |
76 | 79 | 89 | No | 63 | No | 76 | 76 | 89 | 54 | No | 12.0 |
© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/PerformanceEventTiming/processingStart