2023-09-04T02:40:04.png

html

<button class="custom-btn">按钮1</button>
<button class="custom-btn">按钮2</button>
<button class="custom-btn">按钮3</button>

javascript

// 获取按钮元素列表
var customBtns = document.querySelectorAll('.custom-btn');

// 定义点击事件处理函数
function handleClick(e) {
  // 获取点击的按钮文本内容
  var buttonText = e.target.textContent;
  
  // 在控制台打印按钮文本内容
  console.log('点击了按钮:' + buttonText);
}

// 使用循环为每个按钮添加点击事件监听器
customBtns.forEach(function(btn) {
  btn.addEventListener('click', handleClick);
});