如何处理复杂的 Event Delegation 机制中的边缘情况？

Question

在委托事件中，如何处理嵌套元素、冒泡顺序等问题，确保所有事件正确执行？

Answer 1

在事件委托中，如果事件目标是嵌套元素，可能会导致事件冒泡顺序的问题。可以通过检查 event.target 来确定实际触发事件的元素：

document.addEventListener('click', (event) => {
  if (event.target.matches('.myClass')) {
    // 处理点击
  }
});