从不同的按钮多次调用一个函数可以通过以下几种方式实现:
document.getElementById("button1").addEventListener("click", myFunction);
document.getElementById("button2").addEventListener("click", myFunction);
function myFunction() {
// 函数的具体逻辑
}
document.getElementById("buttons-container").addEventListener("click", function(event) {
if (event.target.classList.contains("my-button")) {
myFunction();
}
});
function myFunction() {
// 函数的具体逻辑
}
<button data-action="action1">按钮1</button>
<button data-action="action2">按钮2</button>
var buttons = document.querySelectorAll("button[data-action]");
for (var i = 0; i < buttons.length; i++) {
buttons[i].addEventListener("click", function() {
var action = this.getAttribute("data-action");
myFunction(action);
});
}
function myFunction(action) {
// 根据action执行相应的逻辑
}
以上是几种常见的实现方式,根据具体的需求和场景选择合适的方式来实现从不同的按钮多次调用一个函数。
领取专属 10元无门槛券
手把手带您无忧上云