js通过事件委托绑定事件

事件委托是指在父元素上绑定事件，通过事件冒泡来统一处理子元素的事件。相比直接给每个子元素绑定事件，事件委托可以节约内存，提高性能，同时也可以避免由于动态添加元素而导致的事件失效的问题。

下面是通过事件委托绑定事件的步骤：

1. 获取父元素

var parent = document.querySelector('.parent');

2. 绑定事件

parent.addEventListener('click', function(event) {
  // 事件处理逻辑
});

在事件处理函数中，可以通过判断事件源（即event.target）来确定是哪个子元素触发了事件，进而执行相应的逻辑。例如：

parent.addEventListener('click', function(event) {
  if (event.target.classList.contains('child')) {
    // 子元素被点击
  }
});

需要注意的是，事件委托只适用于一些可以冒泡的事件，如click、mousedown、mouseup等，而对于一些不冒泡的事件，如focus、blur等，事件委托是无效的。