可以使用事件委托方式来避免这个问题。例如，假设我们有一个按钮列表，当用户单击其中的任何一个按钮时，我们想要调用相应的处理程序：

HTML 代码如下：

  
按钮1
  
按钮2
  
按钮3

JavaScript 代码如下：

// 使用事件委托将 click 事件委托到父元素上
document.getElementById('buttonList').addEventListener('click', function(event) {
  // 如果点击的是按钮
  if (event.target.tagName === 'BUTTON') {
    // 调用相应的处理程序
    switch (event.target.id) {
      case 'button1':
        handleButton1Click();
        break;
      case 'button2':
        handleButton2Click();
        break;
      case 'button3':
        handleButton3Click();
        break;
    }
  }
});

// 处理程序
function handleButton1Click() {
  console.log('按钮1 被单击了');
}

function handleButton2Click() {
  console.log('按钮2 被单击了');
}

function handleButton3Click() {
  console.log('按钮3 被单击了');
}

这个例子中，我们使用了事件委托的方式来将 click 事件委托到按钮列表的父元素上。这样就避免了在每个按钮上都添加一个单独的事件监听器的问题。在事件处理程序中，我们可以根据事件源（即获取 event.target）来判断点击了哪一个按钮，并调用相应的处理程序。