js事件委托代码

JS事件委托是指将事件处理器添加到父级元素，通过事件冒泡机制，当子元素触发该事件时，会冒泡到父级元素进行处理。这种方式可以减少事件处理器的数量，提高页面性能。

以下是一个基本的事件委托代码示例：

// 获取父元素
var parent = document.querySelector('.parent');

// 添加事件处理器
parent.addEventListener('click', function(event) {
  // 判断点击的目标元素是否为子元素
  if (event.target && event.target.matches('.child')) {
    // 子元素被点击
    console.log('子元素被点击');
  }
});

在这个例子中，我们添加了一个点击事件处理器到父元素`.parent`上。当点击子元素`.child`时，事件会冒泡到父元素进行处理。在处理器中，我们通过判断`event.target`是否为子元素`.child`来确定是否需要处理该事件。