兼容所有浏览器的事件封装函数

兼容所有浏览器的实践封装函数

	/*  
        *将添加事件的兼容封装到一个函数中
        *param {Element}    dom    添加事件的节点
        #param {String}     type    事件类型    如：'click'
        *param {Function}   fn      事件触发的函数
    */
    function addEvent(dom,type,fn) {
        if(document.addEventListener) {
            dom.addEventListener(type,fn,false)
        } else if (document.attachEvent) {//IE事件
            dom.attachEvent('on' + type,fn)
        } else {//所有浏览器支持
            dom['on' + type] = fn;
        }   
    }

其写法真实步骤
// 兼容所有的浏览器

    var add  = document.getElementById('add'),
        del = document.getElementById('del');

    addEvent(add,'click',function() {
        console.log('兼容所有浏览器的事件');
    });
    /* if(document.addEventListener) {
        add.addEventListener('click',function() {
            console.log('支持的addEventListenner的浏览器：现代浏览器：Chrome  firfox   Safari');
        },false)
    } else if (document.attachEvent) {//IE事件
        add.attachEvent('onclick',function() {
            console.log('高版本的IE浏览器');
        })
        
    } else {//所有浏览器支持
        add['on'+'click'] =function() {
            console.log('低版本的IE浏览器');
        }
    } */