Which events do not bubble and cannot use traditional event delegation?
focus, blur, scroll (on elements), mouseenter, mouseleave. Use focusin/focusout (bubbling versions of focus/blur) and mouseover/mouseout (bubbling versions of mouseenter/mouseleave) for delegation.
Verify This Answer
Cross-check this information using these trusted sources:
More FAQs in Event Delegation Interview Questions
Using event bubbling to handle events for multiple children with a single listener on the parent. The parent checks e.target to determine which child was clicked.
ul.addEventListener('click', e => { if (e.target.tagName === 'LI') console.log(e.target.textContent); }). One listener on the ul, check e.target for the clicked li.
Memory-efficient (one listener instead of many), works for dynamically added elements (no need to add new listeners), and simpler code (one handler instead of many).
Still have questions?
Browse all our FAQs or reach out to our support team