JavaScriptIntermediate#dom#events

What is event delegation useful for in dynamic lists?

Attaching one listener to a stable parent means rows added later automatically work, memory use stays flat and you avoid rebinding after each render.

Example
table.addEventListener('click', e => {
  const btn = e.target.closest('button[data-del]');
  if (btn) remove(btn.dataset.del);
});

Related Questions

1
JavaScriptIntermediate#browser#performance

What is the difference between defer and async on a script tag?

Open
2
JavaScriptAdvanced#performance#memory

What causes memory leaks in JavaScript?

Open
3
JavaScriptBeginner#types

What is the difference between typeof and instanceof?

Open