js兼容函数包

2017-10-20  本文已影响0人  云淡风轻_301b

实时更新中.......

    //阻止默认的兼容性,封装函数
    function stopMr(x){
      if(x.preventDefault){
        x.preventDefault();
      }else{                                                                             
        x.returnValue=false;
      }
   }

// 事件绑定函数
function addEvent(target,type,fn){
    if(target.addEventListener){
        target.addEventListener(type,fn,false);
    }else if(target.attachEvent){
        target.attachEvent("on"+type,fn);
    }else{
        target["on"+type]=fn;
    }

}

function removeEvent(target,type,fn){
    if(target.removeEventListener){
        target.removeEventListener(type,fn,false);
    }else if(target.detachEvent){
        target.detachEvent("on"+type,fn);
    }else{
        target["on"+type]=null;
    }
}

// 取消冒泡
// ev:要取消冒泡的事件对象
function stopBubble(e){
    if(e&&ev.stopPropagation){
        e.stopPropagation();
    }else{
        e.cancelBubble=true;
    }
}


// js获取计算后样式
// 兼容写法
function  getStyle(element,key){
    if(element.currenStyle){
        return element.currenStyle[key];
    }else{
        return getComputedStyle(element,null)[key];
    }
}

// body:效果要滚动滚动条才能获取和设置
// 获取body的scrollTop
function getbodyScrollT(){
    var scrollTop=document.documentElement.scrollTop||document.body.scrollTop;
    return scrollTop;
}

//设置body的scrollTop
function setbodyScrollT(num){
    if(document.documentElement.scrollTop){
        document.documentElement.scrollTop=num; 
        console.log(document.documentElement.scrollTop)
    }else{  
        document.body.scrollTop=num;
    }
}
上一篇 下一篇

猜你喜欢

热点阅读