美文网首页
兼容处理

兼容处理

作者: 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