JS-事件绑定

一、addEventListener : 事件绑定
另外一种绑定事件的方法。优点：可以绑定多个事件，之后绑定的事件，不会影响之前事件的执行。

三个参数：  不带on的事件   事件对应的函数  是否捕获触发事件（true：捕获触发，false：冒泡触发）

redDiv.addEventListener('click',f1,false);

二、removeEventListener ：移除事件绑定

    //注：移除时，三个参数要一样
    redDIv.removeEventListener('click',f1,false);

三、IE下，绑定事件、移除事件的方法

redDiv.attachEvent('onclick',f1);  //绑定事件
redDiv.detachEvent('onclick',f1);  //移除事件

四、事件绑定的兼容写法

//绑定事件
function addEvent(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;
    }
}
//移除事件
function remove(element,type,fn){
    if(removeEventListener){
        removeEventListener(type,fn,false);
    }else if(detachEvent){
        detachEvent('on'+type,fn);
    }else{
        element['on'+type] = null;
    }
}