事件处理方式on、addEventListener和attachEvent

on

1. 绑定事件处理程序

ele.onxxx = function(){}

2. 解除事件处理程序

ele.onxxx = false/''/null;

addEventListener

1. 绑定事件处理程序

ele.addEventListener(type,fn,false);

2. 解除事件处理程序

ele.removeEventListener(type,fn,false);

attachEvent

1. 绑定事件处理程序

ele.attachEvent('on' + type,fn);

2. 解除事件处理程序

ele.detachEvent('on' + type,fn);

封装兼容的事件处理方法

function addEvent(element,type,handle){
    if(element.addEventListener){
        element.addEventListener(type,handle,false);
    }else if(element.attachEvent){
        element.attachEvent('on'+type,function(){
            handle.call(element);
        })
    }else{
        element['on'+type] = handle;
    }
}