Javascript 为多个元素添加事件监听器并检测哪个元素触发事件-jQuery

我在jQuery中的多个元素上添加了click事件监听器，效果很好：

$('#element1, #element2, #element3, #element4').on('click', function(){
  // do something with the clicked element
});

现在我想知道单击了哪个元素。我该怎么做？非常感谢。

您可以使用此选项，也可以检查事件处理程序函数传递事件的目标属性：

使用：

$'element1，element2，element3，element4'。单击，functionevent{ console.log“单击按钮的id为：”+this.id }; 按钮1 按钮2 按钮3 按钮4您可以使用此按钮，也可以检查事件处理程序函数传递事件的目标属性：

使用：

$'element1，element2，element3，element4'。单击，functionevent{ console.log“单击按钮的id为：”+this.id }; 按钮1 按钮2 按钮3

---

按钮4您可以通过以下方式获得它

$('#element1, #element2, #element3, #element4').on('click', function(){
       var ID = $(this).attr('id'); 
       alert('you clicked on #' +ID);
});

---

你可以通过以下方式获得它

$('#element1, #element2, #element3, #element4').on('click', function(){
       var ID = $(this).attr('id'); 
       alert('you clicked on #' +ID);
});

---

您可以使用event.target执行此操作

$('#element1, #element2, #element3, #element4').on('click', function(event){
    console.log(event.target)
});

---

阅读了解更多信息

您可以使用event.target进行操作

$('#element1, #element2, #element3, #element4').on('click', function(event){
    console.log(event.target)
});

阅读以了解更多信息

可能重复的