跨浏览器问题

写在前面的话

关于跨浏览器问题一直是一个大问题， 所以我决定在此做一个记录， 当然不可能把跨浏览器问题一下子都搞定， 所以该文章将是一个长期的过程， 当coding时遇到了， 就会完善该文。

添加事件

var EventUtil = {
    /*
     *添加事件
    */
    addHandler: function(element, type, handler) {
        if(element.addEventListener){
            element.addEventListener(type, handler, false)
        }else if(element.attachEvent){
            element.attachEvent('on'+type, handler)
        }else{
            element['on'+type] = handler
        }
    },
    /*
     *删除事件
    */
    removeHandler: function(element, type, handler){
        if(element.removeEventListener){
            element.removeEventListener(type, handler, false)
        }else if(element.detachEvent){
            element.detachEvent('on'+type, handler)
        }else {
            element['on'+type] = null
        }
    },
    /*
     *获得事件对象
    */
    getEvent: function(event){
        return event ? event : window.event  //ie浏览器的事件对象是window对象的属性， 所以需要window.event来获取。
    },
    /*
     *获得事件对象的事件目标（触发事件的事件目标）
    */
    getTarget: function(event){
        return event.target || event.srcElement //这是||符号的另一种用法， 遇到true就返回。
    },
    /*
     *阻止默认事件
    */
    preventDefault: function(event){
        if(event.preventDefault){
            event.preventDefault
        }else{
            event.returnValue = false
        }
    },
    /*
     *阻止事件冒泡
    */
    stopPropagation: function(event){
        if(event.stopPropagation){
            event.stopPropagation()
        }else {
            event.cancelBubble = true
        }
    }

}

// stopPropagation()方法既可以阻止事件冒泡，也可以阻止事件捕获，也可以阻止处于目标阶段。

ajax事件

关于xhr对象， ie7需要之前的需要使用ActiveXObject对象来实现， 而且存在三个不同的版本。 虽然现在已经不用兼容ie7以前的浏览器了， 还是可以了解一下：
//适用于IE7之前的版本

function createXHR(){
    if(typeof arguments.callee.activeXString != 'string'){
        var versions = ['MSXML2.XMLHttp.6.0', 'MSXML2.XMLHttp.3.0', 'MSXML2.XMLHttp'],
        i,
        len;
        for(i = 0; len = version.length; i++){
            try{
                new ActiveXObject(veersions[i]);
                arguments.callee.activeXString = versions[i]
                break
            }catch(ex){
                //跳过
            }
        }
    }
    return new ActiveXObject(arguments.callee.activeXString)
}

//最终版本

function createXHR(){
    if(typeof XMLHttpRequest != 'undefined'){
        return new XMLHttpRequest()
    }else if(typeof ActiveXObject != 'undefined'){
        if(typeof arguments.callee.activeXString != 'string'){
        var versions = ['MSXML2.XMLHttp.6.0', 'MSXML2.XMLHttp.3.0', 'MSXML2.XMLHttp'],
        i,
        len;
        for(i = 0; len = version.length; i++){
            try{
                new ActiveXObject(veersions[i]);
                arguments.callee.activeXString = versions[i]
                break
            }catch(ex){
                //跳过
            }
        }
    }
    return new ActiveXObject(arguments.callee.activeXString)
    }else {
        throw new Error("NO XHR object availabel")
    }
}