Toggle navigation
MeasureThat
.net
Create a benchmark
Tools
Feedback
FAQ
Register
Log In
AddEventListener vs direct v2
(version: 1)
Comparing performance of:
Add vs Direct
Created:
one year ago
by:
Guest
Go to the latest result
Tests:
Add
const element = document.createElement('div'); element.addEventListener('click', () => console.log(''));
Direct
const element = document.createElement('div'); element.onclick = () => console.log('');
Rendered benchmark preparation results:
Suite status:
<idle, ready to run>
Run tests (2)
Previous results
Fork
Test case name
Result
Add
Direct
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; rv:135.0) Gecko/20100101 Firefox/135.0
Browser/OS:
Firefox 135 on Windows
View result in a separate tab
Embed
Embed Benchmark Result
<iframe src="https://measurethat.net/Embed?id=586300" width="100%" height="500px"></iframe>
Add
1.1M/s
Direct
749K/s
View exact numbers
Test name
Executions per second
✓
Add
1,131,598 Ops/sec
Direct
749,353 Ops/sec
Related benchmarks
Event listener anonymous function vs named inline function vs external function
Event Js
addEventListener() vs jQuery.on() with click
Cost of adding and removing events
AddEventListener vs direct
Comments
Confirm delete:
Do you really want to delete benchmark?