在一个元素上处理不同的点击事件

element.addEventListener('click', function(event) {
  if (event.target.id === 'button1') {
    // 处理按钮1的点击事件逻辑
  } else if (event.target.id === 'button2') {
    // 处理按钮2的点击事件逻辑
  } else {
    // 处理其他情况的点击事件逻辑
  }
});

parentElement.addEventListener('click', function(event) {
  if (event.target.id === 'button1') {
    // 处理按钮1的点击事件逻辑
  } else if (event.target.id === 'button2') {
    // 处理按钮2的点击事件逻辑
  } else {
    // 处理其他情况的点击事件逻辑
  }
});

<button id="button1" data-action="action1">按钮1</button>
<button id="button2" data-action="action2">按钮2</button>

element.addEventListener('click', function(event) {
  var action = event.target.getAttribute('data-action');
  if (action === 'action1') {
    // 处理按钮1的点击事件逻辑
  } else if (action === 'action2') {
    // 处理按钮2的点击事件逻辑
  } else {
    // 处理其他情况的点击事件逻辑
  }
});