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
Jump 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
Test name
Executions per second
document click
4.3 Ops/sec
element click
149.9 Ops/sec
Related benchmarks:
AddEventListener
Doc Testing
set vs compare functions and set
contains vs closest1
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?