JavaScript的兼容问题及解决方式（待续）

1.浏览器的默认行为，如何阻止

    function stopDefault(e){
        if(e.preventDefault){
            e.preventDefault();     //正常
        }else{
            e.returnValue = false;  //IE
        }
    }

2.阻止事件冒泡

    function stopBubble(e){
        if(e.stopPropagation){
            e.stopPropagation();        //正常
        }else{
            e.cancelBubble = true;      //IE
        }
    }

3.事件监听、删除

    //事件监听
    function addEvent(ele,myevent,cb){
        if(ele.attachEvent){
            ele.attachEvent("on"+myevent,cb)
        }else{
            ele.addEventListener(myevent,cb,false)
        }
    }

    //删除
    function removeEvent(ele,myevent,cb){
        if(ele.detachEvent){
            ele.detachEvent("on"+myevent,cb)
        }else{
            ele.removeEventListener(myevent,cb,false);
        }
    }

4.非行内样式的兼容

    function getStyle(ele,attr){
        if(getComputedStyle){
            return getComputedStyle(ele,false)[attr];       //ie
        }else{
            return ele.currentStyle[attr];              //正常
        }
    }

5.事件委托

    // 事件委托的封装
    function eveEnt(ele,cb){
        return function(eve){
            var e = eve || window.event;
            var target = e.target || e.srcElement;
            for(var i=0;i<ele.length;i++){
                if(target === ele[i]){
                    cb.bind(target)();
                }
            }
        }
    }

    // 注意：如果使用事件委托，尽量使用监听式绑定事件