事件监听和事件删除兼容性问题解决

事件监听

function addEventListener(element, eventName, fn) {
    //判断当前浏览器是否支持addEventListener 方法
    if (element.addEventistener) {
        element.addEventListener(eventName, fn); //第三个参数默认是false}
    } else if (element.attachEvent) {
        element.attachEvent('on' + eventName, fn);
    } else {
        //相当于element.onclick = fn;
        // element [ 'on' + eventName] = fn;
    }
}

事件删除

function removeEventListener(element, eventName, fn) {
    // 判断当前浏览器是否支持removeEventListener方法
    if (element.removeEventListener) {
        element.removeEventListener(eventName, fn);//第三个参数默认是false
    } else if (element.detachEvent) {
        element.detachEvent('on' + eventName, fn);
    } else {
        element ['on' + eventName] = null;
    }
}