JavaScript
Public
Event Delegation for Buttons
Handle clicks for many dynamic buttons with one event listener.
#javascript
#dom
#events
#performance
JavaScript
const list = document.querySelector('#todoList');
list.addEventListener('click', (event) => {
const button = event.target.closest('[data-action]');
if (!button) return;
const item = button.closest('.todo-item');
if (button.dataset.action === 'delete') {
item.remove();
}
});Notes
Event delegation is useful when list items are added dynamically.
