How do event bubbling and delegation help with a dynamic list of buttons?

Many events propagate from the target through ancestor elements. Delegation attaches a listener to a stable ancestor and identifies the relevant descendant, avoiding one listener per dynamically created button. Use closest to handle clicks on icons inside a button, verify that the matched element belongs to the intended container, and choose the right event because not every event bubbles. Keep keyboard behavior accessible through native controls. Avoid indiscriminate stopPropagation calls because they can break other listeners and obscure the event flow.