一个点击事件监听器绑定了多个元素

使用事件委托技术

事件委托是一种在DOM层次结构中注册一个处理函数，以处理来自任何该委托事件触发的后代节点的事件的技术。这种方法使用一个父元素来监听所有的子元素上的事件，而不是为每个子元素添加各自的事件监听器。这节省了内存，提高了性能和代码维护。

例如，使用以下HTML结构：

<ul id="parent">
  <li>子元素1</li>
  <li>子元素2</li>
  <li>子元素3</li>
</ul>

使用事件委托将点击事件绑定到父元素：

document.getElementById("parent").addEventListener("click", function(event) {
  // 判断是哪个子元素被点击了
  if (event.target.tagName === 'LI') {
    // 处理点击事件
    console.log(event.target.innerHTML);
  }
});

上述代码使用了事件对象的target属性，判断是哪个子元素被点击了，然后可以针对特定子元素进行处理。

使用事件委托技术，可以将多个元素的事件绑定到一个父元素上，不仅减少了代码复杂度，还保证了整个页面只有一个事件监听器，提高了性能和可维护性。