將“ 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您可以使用this.id簡單地訪問所單擊圖像的ID。

如果您要使用單擊的圖像的ID調用功能test ，這將為您工作：

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

作為參考，請參閱https://developer.mozilla.org/zh-CN/docs/DOM/EventTarget.addEventListener