javascript - 将“this.value”传递给 addEventListener 函数

Question

我正在开发一个 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()。

提前致谢，

Answer 1

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

如果您的意思是要test使用单击图像的 ID 调用该函数，这将适用于您：

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

有关参考，请参阅https://developer.mozilla.org/en-US/docs/DOM/EventTarget.addEventListener