兼容处理

2019-03-09  本文已影响0人  kalrase

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

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;
    }
上一篇下一篇

猜你喜欢

热点阅读