Source code

Revision control

Other Tools

<!DOCType html>
<html>
<body>
<script src=event-timing-test-utils.js></script>
<div style="width: 300px; height: 300px" id='iframe_div' onmousedown="mainThreadBusy(120)">
<script>
(async () => {
const observerPromise = new Promise(resolve => {
new PerformanceObserver(entryList => {
const mouseDowns = entryList.getEntriesByName('mousedown');
if (mouseDowns.length === 0)
return;
resolve(mouseDowns);
}).observe({ type:'event' });
});
const entries = await observerPromise;
const clickDone = performance.now();
if (entries.length !== 1) {
top.postMessage("failed", "*");
return;
}
const entry = entries[0];
top.postMessage({
// Entry values (|entry| itself is not clonable)
"name": entry.name,
"cancelable": entry.cancelable,
"entryType": entry.entryType,
"startTime": entry.startTime,
"processingStart": entry.processingStart,
"processingEnd": entry.processingEnd,
"duration": entry.duration,
// Other values
"clickDone" : clickDone,
"target": entry.target.id,
}, '*');
}) ();
</script>
</body>
</html>