在JavaScript中，可以使用事件委托来简化事件处理和提高性能，尤其是在处理大量元素时。事件委托利用了事件冒泡的机制，将事件处理程序绑定在父元素上，而不是在每个子元素上。当事件触发时，事件会冒泡到父元素，然后由父元素处理事件。这样一来，我们就可以通过检查事件目标来确定是哪个子元素触发了事件。
使用事件委托的步骤如下：
示例代码如下：
// 找到共同祖先元素
const parentElement = document.querySelector('.parent');
// 给共同祖先元素绑定事件处理函数
parentElement.addEventListener('click', function(event) {
// 获取事件目标元素
const targetElement = event.target;
// 根据目标元素执行相应的操作
if (targetElement.classList.contains('child')) {
targetElement.style.backgroundColor = 'red';
}
});在上面的示例代码中，我们找到了一个class为“parent”的元素作为共同祖先元素，并使用addEventListener()方法给它绑定了一个click事件处理函数。当用户点击子元素时，事件会冒泡到父元素，然后由父元素处理事件。我们在事件处理程序中使用event.target属性来获取目标元素，并对它进行了样式修改。需要注意的是，我们使用了classList.contains()方法来判断目标元素是否为class为“child”的元素，这样可以避免处理不需要的元素。