如何在javascript中监听多个按钮单击

// 获取所有按钮
const buttons = document.querySelectorAll('button');

// 为每个按钮添加点击事件监听器
buttons.forEach(button => {
  button.addEventListener('click', function() {
    console.log('Button clicked:', this.textContent);
  });
});

// 获取父元素
const parentElement = document.getElementById('button-container');

// 在父元素上添加点击事件监听器
parentElement.addEventListener('click', function(event) {
  if (event.target.tagName === 'BUTTON') {
    console.log('Button clicked:', event.target.textContent);
  }
});

// 使用jQuery监听所有按钮的点击事件
$('button').on('click', function() {
  console.log('Button clicked:', $(this).text());
});

parentElement.addEventListener('click', function(event) {
  if (event.target.tagName === 'BUTTON') {
    console.log('Button clicked:', event.target.textContent);
    event.stopPropagation(); // 阻止事件冒泡
  }
});