您遇到的问题称为事件冒泡。图像的单击事件冒泡到该节点的所有父元素。您希望取消冒泡。
最好的方法是使用一个JavaScript框架，它可以在所有的浏览器上工作。jQuery有一个非常简单的方法来完成这个任务。其他框架也有类似的机制来取消冒泡，我只是碰巧最熟悉jQuery。
例如，您可以在jQuery中执行类似以下的操作：

$('img').click(function () {
    // Do some stuff

    return false;// <- Cancels bubbling to parent elements.
});

Darit是正确的，你需要停止事件冒泡（传播）：

function imgEventHandler(e) {
    // ^notice: pass 'e' (W3C event)

    // W3C:
    e.stopPropagation();

    // IE:
    if (window.event) {
        window.event.cancelBubble = true;
    }

}

在图像的事件处理程序中

event.cancelBubble = true;

然后在最后

return false;