在前端开发中，事件委托是一个非常实用的技巧。简单来说，它是指将事件监听器附加到父元素上，而不是每个子元素上。这种方法不仅能减少内存消耗，还能提高代码的可维护性。例如，当你有多个按钮需要点击事件时，可以将事件绑定到它们的共同父容器上，通过判断具体触发事件的子元素来执行相应操作。

实现这一功能的关键在于`event.target`属性。当事件被触发时，`event.target`会指向实际触发事件的元素，而非绑定事件的父级元素。这样我们就可以利用这个特性来区分不同的子元素，并执行对应的逻辑。

例如，在一个列表中，如果每个列表项都需要处理点击事件，使用事件委托可以这样写：

```javascript

document.querySelector('.parent').addEventListener('click', function(event) {

if (event.target.classList.contains('child')) {

console.log('Child element clicked!');

}

});

```

这种方式不仅减少了冗余代码，还让页面更加流畅高效。👍

前端开发 JavaScript 事件委托