Toggle navigation
MeasureThat.net
Create a benchmark
Tools
Feedback
FAQ
Register
Log In
listener test1
(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 < 1000; i++) { document.addEventListener('click', e => { if (e.target.closest('asd')) { 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
5.4 Ops/sec
element click
1.8 Ops/sec
Related benchmarks:
AddEventListener
AddEventListener
set vs compare functions and set
contains vs closest1
Event Js
Cost of adding and removing events
AddEventListener vs direct
AddEventListener vs direct v2
listener test
Comments
Confirm delete:
Do you really want to delete benchmark?