JavaScript事件的绑定教程

JavaScript 事件的绑定

三种方式：

1、对象.on事件名字 = 事件处理函数

（如果是多个相同事件注册这种方式，最后一个执行，之前的会被覆盖）

document.getElementById("example").onclick = function(){};

2、对象.addEventListener("没有on的事件名字"，事件处理函数，false);

document.getElementById("example").addEventListener("click",function(){},false);

3、对象.attachEvent("有on的事件名字"，事件处理函数);

document.getElementById("example").attachEvent("onclick",function(){});

为任意的一个元素，绑定任意一个事件（兼容代码）

function addEventListener(element,type,fn){

if(element.addEventListener){

element.addEventListener(type,fn,false);

}else if(element.attachEvent){

element.attachEvent("on"+type,fn);

}else{

element["on"+type] = fn;

}

}