将“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”事件上面的图像

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

    } 

所以，我想，当有人点击我想通过“ID”任何图像添加事件监听（此.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