Javascript - 如何在用户点击Facebook上的图像时收听？

Question

我想知道一种有效的方法来启动一个功能，当用户点击Facebook上的新闻源图片做一些东西。

我可以为每个图像添加一个侦听器，但这不是非常有效。任何其他方式？

Answer 1

怎么是这样的：http://jsfiddle.net/c24w/DJ2ax/4/

HTML

<div id="newsfeed"> 
    <img src="http://i46.tinypic.com/2cos8hw.png" id="1"> 
    <img src="http://i46.tinypic.com/2cos8hw.png" id="2"> 
    <img src="http://i46.tinypic.com/2cos8hw.png" id="3"> 
    <div><a href="#">Something else clickable</a></div> 
</div> 

的JavaScript

var newsfeed = document.getElementById('newsfeed'); 

newsfeed.onclick = function handleNewsfeedClick(e) { 
    var el = e.srcElement; 
    if (el.tagName === 'IMG') { 
     console.log('Clicked image ' + el.id); 
    } 
}; 

这样做是附加一个单击事件监听器新闻源。当点击新闻源的一个子元素时，事件传播到新闻源并被其点击监听器捕获。然后，检查点击事件的来源是否为图片。

输出发送到您的浏览器控制台。 （我在Chrome中对其进行了简要测试。）