js常见兼容

整理一些常见的兼容

1、事件兼容

  var e = e || window.event

2、阻止冒泡

  Btn.onclick = function(e){
      var e = e || window.event;
      if(document.all){  //只有ie识别
            e.cancelBubble = true;
      }else{
            e.stopPropagation();
      }

3、获取浏览器滚动条滚动的距离

  //这种写法是为了兼容ie低版本和其他浏览器
  var scrollTop = document.documentElement.scrollTop || document.body.scrollTop

4、文本框失去焦点： blur 获取焦点：focus

   判断每个输入字符时用onpropertychange(ie),其他用oninput
  //这个没用过

5、阻止浏览器默认行为

  //w3C标准的阻止默认行为
   e.preventDefault()
  //IE中阻止默认行为
  returnValue = false  //默认阻止  值为true则不阻止

6、网页可见区域兼容

  var Height = window.innerHeight || document.documentElement.clientHeight
  //Width同上

7、事件监听兼容

  <!--W3C规范-->
  element.addEventListener(event, function, false)
    //event:(必填)事件名，支持所有DOM事件。
    //function: （必填）指定事件触发时执行的函数。
    //false:（选填）指定事件是否在捕获或冒泡时执行。 默认false 冒泡     true为捕获

  <!--IE标准-->
  element.attachEvent(event, function)
    //event:（必填）事件类型，使用加“on” 例如：onclick。
    //function:（必填）指定触发时执行的函数

//优点
    1.可以绑定多个事件。
    2.可以解除相对应的绑定

8、获取目标对象的兼容

    var target = e.target || e.srcElement

---

刚刚接触MarkDown，只会使用一些简单的语法。希望在以后的学习道路上让自己的文章更漂亮的展现给大家， 今后也会将一些自己遇到的问题分享给大家，希望对你们有一定的帮助。