Javascript - onclick - 冒泡 - 原始元素

Question

背景:我目前正在编写一个greasemonkey 脚本，用于嵌入/修改特定页面的html。该页面设置有 3 个嵌套 div。在这 3 个 div 中，我只能将事件监听器添加到最外面的 div(这是由于其他事件以及已添加到元素中的事件)。对于最里面的 div，通过 AJAX/COMET 添加链接。与内部 div 一样，由于页面当前的事件处理，我无法向这些链接添加事件处理程序。

我需要什么:当点击最里面的div中的链接时，事件将冒泡到最外面的div。从最外面的div，有没有办法1:判断它是否是在最里面的div中单击的链接，如果是，2:如何获取该链接的href

请不要使用 jQuery 解决方案。这样做似乎有点过头了，感觉这是唯一将嵌入到页面中的 JavaScript

Answer 1

我只使用一个简单的跨浏览器事件监听器和 event.target (或 IE 中的 event.srcElement)，如下所示:

var addEvent = function (el, ev, fn) {
    if (el.addEventListener) {
        el.addEventListener(ev, fn, false);
    } else if (el.attachEvent) {
        el.attachEvent('on' + ev, fn);
    } else {
        el['on' + ev] = fn;
    }
};

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

addEvent(outer, 'click', function(ev){
    ev = ev || window.event;
    var target = ev.target || ev.srcElement;
    alert(target.href);
});

See demo