,可以通过以下步骤实现:
<button class="my-button" value="value1">Button 1</button>
<button class="my-button" value="value2">Button 2</button>
<button class="my-button" value="value3">Button 3</button>
querySelectorAll
选择所有具有类名为"my-button"的按钮:var buttons = document.querySelectorAll('.my-button');
event.target
属性获取触发事件的按钮元素。然后,可以使用value
属性获取按钮的值。例如:buttons.forEach(function(button) {
button.addEventListener('click', function(event) {
var value = event.target.value;
console.log(value); // 输出按钮的值
});
});
这样,当用户点击具有相同类名的按钮时,可以通过获取按钮的值来区分不同的按钮。
对于这个问题,腾讯云没有特定的产品或链接与之相关。这是一个前端开发的问题,与云计算平台无关。
领取专属 10元无门槛券
手把手带您无忧上云