Why does Event Delegation save memory?

I tried to understand how ‘addEventListener’ works like when we add event, where does it save? DOM tree? Or certain memory place?. But couldn’t find answer, all the posts I’ve ever seen said "You can’t", because there’s no standard for it and every browser has different implementation.

So I was trying to skip it, but got a question about event delegation. In many posts, people say event delegation saves memory, because we don’t have to attach event listener to each components. But I thought, I have to understand how addEventListener works to understand why event delegation saves memory.

So what’s the reason event delegation is memory efficient?

83 thoughts on “Why does Event Delegation save memory?”