使用多个元素触发单个onclick函数

Question

现在，当我单击 "box1" 而不是 "box2" 时，这将起作用。我想要一个单独的 tapBoxes 变量来侦听对 box1 或 box2 的点击，并触发该功能。有什么想法吗？

var tapBoxes = document.getElementById("box1") || document.getElementById("box2"); 

tapBoxes.onclick = function() {
      ...
    }

Answer 1

给你的元素一个 class，假设是 myBox，然后使用 jquery 做你想做的事：

$(document).ready(function(){
   $('.myBox').click(function(){
     //do what you want with the clicked box

   })
})

Answer 2

先定义函数。然后将其分配给您想要的所有按钮。

tapBoxesClick = function() {
 ...
 }

document.getElementById("box1").addEventListener("click", tapBoxesClick, false);
document.getElementById("box2").addEventListener("click", tapBoxesClick, false);

使用多个元素触发单个onclick函数

Use multiple elements to trigger single onclick function

javascript

onclick