你应该知道的兼容写法

1.滚动条

var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
console.log(scrollTop);
//如果要监听滚动条,监听onscroll事件即可
document.body.onscroll = function() {
  var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
  console.log(scrollTop);
}

2.获取样式兼容

function getStyle(dom, styleName){
  return dom.currentStyle?dom.currentStyle[styleName]getComputedStyle(dom)[styleName];
}

3.事件对象兼容

e  = e || window.event;

4.阻止事件冒泡兼容

event.stopPropagation? event.stopPropagation():event.cancelBubble=true;

5.阻止默认行为兼容

  function stopPreventDefault(e) {
        if (e && e.preventDefault) {
            e.preventDefault();//阻止浏览器默认行为(W3C) 
        } else {
           window.event.returnValue = false;//IE中阻止浏览器行为 
        }
        return false;
    }

6.事件监听兼容

 var addListen = function(element, name, fn) {
    if(element.addEventListener) {
        element.addEventListener(name, fn);
    }else if(element.attachEvent) {
        element.attachEvent('on' + name, fn);
    }else {
        element['on' + name] = fn; 
    }
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,879评论 1 45
  •   JavaScript 与 HTML 之间的交互是通过事件实现的。   事件,就是文档或浏览器窗口中发生的一些特...
    霜天晓阅读 3,568评论 1 11
  • js之事件机制 1、事件初探 1.1 js事件的概述 JavaScript事件:JavaScript是基于事件驱动...
    道无虚阅读 2,438评论 0 2
  • 本节介绍各种常见的浏览器事件。 鼠标事件 鼠标事件指与鼠标相关的事件,主要有以下一些。 click 事件,dblc...
    许先生__阅读 2,530评论 0 4
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,846评论 1 92