在没有jQuery的动态元素上单击事件

Question

我想添加一个事件,如onclick或mouseover到动态创建的元素(类似于jQuery中的.live函数)...如何使用纯javascript而不使用jQuery等框架？这是一个简单的jsFiddle http://jsfiddle.net/3tBpv/1/

我希望能够从新创建的divs类而不是id中执行此操作.

任何帮助将不胜感激

Answer 1

在文档对象上创建一个处理程序.检查目标元素的类和节点名称(标记).如果它们匹配,则继续执行任何需要完成的操作,否则忽略该单击.

document.onclick = function(event) {
    var el = event.target;
    if (el.className == "new" && el.nodeName == "DIV") {
        alert("div.new clicked");
    }
};

这是一个小提琴.