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中，您只需使用this.id访问所点击图片的ID即可。

如果您想要使用所点击图片的ID调用函数test，这将适合您：

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

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

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

1 个答案: