使用多个元素触发单个onclick功能

时间:2015-12-08 00:04:29

标签: javascript onclick

现在,当我点击“box1”而不是“box2”时,这将有效。我想要一个tapBoxes变量来监听box1或box2上的点击,并触发该函数。有什么想法吗?

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

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

2 个答案:

答案 0 :(得分:1)

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

tapBoxesClick = function() {
 ...
 }

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

答案 1 :(得分:0)

给你的元素一个类,让我们说myBox,然后用jquery做你想做的事情:

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

   })
})