Toggle navigation
MeasureThat
.net
Create a benchmark
Tools
Feedback
FAQ
Register
Log In
listener test
(version: 1)
Comparing performance of:
document click vs element click
Created:
one year ago
by:
Guest
Go to the latest result
Tests:
document click
for (let i = 0; i < 1000; i++) { document.addEventListener('click', e => { const isTest = e.target.closest('asd') if (isTest) { console.log('done') } }) }
element click
for (let i = 0; i < 10; i++) { document.addEventListener('click', e => { const isTest = e.target.closest('asd') if (isTest) { console.log('done') } }) }
Rendered benchmark preparation results:
Suite status:
<idle, ready to run>
Run tests (2)
Previous results
Fork
Test case name
Result
document click
element click
Fastest:
N/A
Slowest:
N/A
Latest run results:
Run details:
(Test run date:
one year ago
)
User agent:
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/131.0.0.0 Safari/537.36 OPR/116.0.0.0
Browser/OS:
Opera 116 on Windows
View result in a separate tab
Embed
Embed Benchmark Result
element click
150/s
document click
4/s
View exact numbers
Test name
Executions per second
✓
element click
150 Ops/sec
document click
4 Ops/sec
Related benchmarks
contains vs closest (actually working benchmark)
Event Js
contains vs closest 2
AddEventListener vs direct v2
listener test1
Comments
Confirm delete:
Do you really want to delete benchmark?