通过“this.value"to addEventListener功能

Pass "this.value" to addEventListener Function

本文关键字：to addEventListener 功能 quot this value 通过      更新时间：2023-09-26

我正在开发一个Chrome插件，情况就像我在选项页中有几个这样的图像。

<img src="some.jpg" class="same" id="231">
<img src="some.jpg" class="same" id="234">
<img src="some.jpg" class="same" id="1324">
<img src="some.jpg" class="same" id="123">

我这样做是为了在上面的图像上为"onclick"事件添加Eventlistener 

 var a = document.getElementsByClassName("same");
  for (var i = 0;i<=a.length;i++)
  {
    a[i].addEventListener('click', test);
  }

所以，我想当有人点击任何图像时我想将被点击图像的id (this.id)传递给任何函数在这个例子中是test()

提前致谢

在事件处理函数test中，您可以简单地使用this.id访问所单击图像的ID。

如果你的意思是你想调用函数test与点击图像的ID，这将为您工作:

a[i].addEventListener('click', function () {
    test(this.id);
});

参考:https://developer.mozilla.org/en-US/docs/DOM/EventTarget.addEventListener

相关文章：