事件代理:把原本需要绑定的事件委托给父元素，让父元素担当事件监听的职务
事件委托就是利用事件冒泡，只指定一个事件处理程序，管理当前绑定下的所有元素的事件。
// 获取父元素 var parentElement = document.getElementById('parent'); // 绑定事件到父元素上 parentElement.addEventListener('click', function(event) { // 判断是否是目标元素被点击 if (event.target.tagName === 'BUTTON') { // 处理目标元素的点击事件 console.log('Button clicked!'); } });
在上面的代码中，我们将事件处理程序绑定到了ID为parent的元素上，而不是绑定到每个子元素上。当子元素被点击时，事件冒泡到父元素上，并触发事件处理程序。在事件处理程序中，我们通过event.target属性获取被点击的元素，并判断是否是目标元素（这里为按钮元素）。如果是目标元素，则执行相应的处理逻辑。
通过这种方式，我们可以减少事件处理程序的绑定数量，提高代码的复用性和性能。同时，事件代理/委托也可以方便地处理动态添加的子元素，因为这些子元素的事件也会冒泡到父元素上，并触发相应的事件处理程序。
