javascript 动态添加事件

方法一、setAttribute

var obj = document.getElementById("obj");
obj.setAttribute("onclick", eval(方法名));

方法二、用 attachEvent 和 addEventListener（推荐）

IE 支持 attachEvent

obj.attachEvent("onclick", Foo);
function Foo()
{
    alert("测试");
}
//也可写在一起，如下：
obj.attachEvent("onclick", function(){alert("测试");});

其它浏览器支持 addEventListener

obj.addEventListener("click", Foo, false);
function Foo()
{
    alert("测试");
}
//也可写在一起，如下：
obj.addEventListener("click", function(){alert("测试");}, false);

注意 attachEvent 的事件带 on，如 onclick，而 addEventListener 不带 on，如 click。

综合起来：

if (window.attachEvent)
{
    //attachEvent 代码
}
else
{
    //addEventListener 代码
}

方法三、事件 = 函数名或函数

obj.onclick = FuncName;
function FuncName()
{
    alert("go");
}
//也可以写在一起，如下：
obj.onclick = function (event) { alert("go"); };

这在多个浏览器中均支持，这是属于旧的规范（方法二属于 DOM2 的规范），不过由于使用方便，用的场合也比较多。