每个(不同)类触发一次单击事件

<div class="category1">Category 1</div>
<div class="category2">Category 2</div>
<div class="category3">Category 3</div>

// 获取所有类别的元素
var category1Elements = document.getElementsByClassName('category1');
var category2Elements = document.getElementsByClassName('category2');
var category3Elements = document.getElementsByClassName('category3');

// 给每个类别的元素添加单击事件监听器
for (var i = 0; i < category1Elements.length; i++) {
  category1Elements[i].addEventListener('click', category1ClickHandler);
}

for (var i = 0; i < category2Elements.length; i++) {
  category2Elements[i].addEventListener('click', category2ClickHandler);
}

for (var i = 0; i < category3Elements.length; i++) {
  category3Elements[i].addEventListener('click', category3ClickHandler);
}

// 定义每个类别的单击事件处理函数
function category1ClickHandler() {
  // 处理类别1的单击事件
  console.log('Category 1 clicked');
}

function category2ClickHandler() {
  // 处理类别2的单击事件
  console.log('Category 2 clicked');
}

function category3ClickHandler() {
  // 处理类别3的单击事件
  console.log('Category 3 clicked');
}