美文网首页
兼容处理

兼容处理

作者: kalrase | 来源:发表于2019-03-09 22:13 被阅读0次

    谷歌浏览器获取滚动高度宽度方式

    document.documentElement.scrollTop  document.documentElement.scrollLeft
    

    ie 获取方式

    document.body.scrollTop   document.body.scorrLeft
    

    因此兼容处理这样写

          var scrollTop=document.documentElement.scrollTop||document.body.scrollTop;
          var scrollLeft=document.documentElement.scrollLeft||document.body.scrollLeft;
    

    获取浏览器窗口宽高

    var w=window.innerWidth||document.documentElement.clientWidth||document.body.clientWidth;
    var h=window.innerHeight||document.documentElement.clientHeight||document.body.clientHeight;
    

    平幕高度

    var h=window.screen.availHeight; // 返回平幕可用高度,除去任务栏高度!
    var w=window.screen.width;   //返回平幕高度
    

    阻止冒泡

    e=e||window.event;
    
    
        //阻止冒泡
            // e.stopPropagation();
        //处理兼容
            if(e.stopPropagation){
                e.stopPropagation();
            }else{
                e.cancelBubble=true;
            }
    

    阻止浏览器的默认行为

    e=e||window.event;
        //阻止浏览器默认行为兼容写法
        if(e.preventDefault){
            e.preventDefault();
        }else{
            e.returnValue=false;
        }
    

    相关文章

      网友评论

          本文标题:兼容处理

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