美文网首页
js兼容函数包

js兼容函数包

作者: 云淡风轻_301b | 来源:发表于2017-10-20 21:45 被阅读0次

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

    //阻止默认的兼容性,封装函数
    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;
    }
}

相关文章

  • js兼容函数包

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

  • js中的几种兼容函数

    今天给大家分享几个在js中会遇到的兼容函数。 //1.兼容函数(addEventListener)function...

  • 前端面试题(持续补充)

    js,node.js基础: 闭包 闭包是能够读取其他函数内部变量的函数。在js中,只有函数内部的子函数可以访问内部...

  • php之闭包函数(Closure)

    php闭包函数(Closure) JS闭包 js和php闭包使用和区别

  • 闭包

    关键词:闭包(closure) 概念:闭包就是能够读取其他函数内部变量的函数,对于js,闭包就是将函数内部和函数外...

  • war支持main启动

    war包启动时是不执行Application类的main函数的,Springboot 2.0 main函数启动兼容...

  • js之闭包函数(蔡哲永)

    很多初学js的可能对于js中的闭包函数有一定的模糊认识,下面我们来看一下闭包函数究竟是何方神圣! 想要了解闭包函数...

  • 2.Dart面向对象

    函数 命名可选参数{} 位置可选参数[] 作用域定义:与js的作用域一致,层层向上找。 Dart函数闭包 js函数...

  • 闭包小记

    什么是闭包? 闭包就是能够读取其他函数内部变量的函数。在js中,只有函数内部的函数才能读取局部变量,所以闭包就是“...

  • js 闭包 字符串 定时器

    js闭包 闭包的三大特点为: 1、函数嵌套函数2、内部函数可以访问外部函数的变量3、参数和变量不会被回收。闭包的作...

网友评论

      本文标题:js兼容函数包

      本文链接:https://www.haomeiwen.com/subject/zqkbuxtx.html