浏览器常见兼容处理-Js

js常见兼容性问题整理

• 事件
  e = e || window.event

• 获取事件目标
  e.target || e.srcElement IE7-8

• 事件添加、移除
  addEventListner() || attachEvent() IE7-8
  removeEventListner() || detachEvent() IE7-8

• 阻止事件默认行为
  e.preventDefault || e.returnValue = false;

• 阻止冒泡
  e.stopPropagation() || e.cancelBubble = true

• innerText => IE innerContext => FireFox
  elem.innerText = elem.textContent = “值”

• 网页可视区域
  window.innerHeight || document.documentElement.clientHeight

• 滚动条
  document.documentElement.scrollTop || document.body.scrollTop

• 获取行外样式
  getComputedStyle(obj,false)[sName] || obj.currentStyle[sName]

• childNodes获取子节点

  • IE6-8:获取的是元素节点
  • 高版本浏览器:会包含文本节点和元素节点
    nodeType=3–>文本节点
    nodeTyPE=1–>元素节点

• 键盘key值
  var key = e.keyCode || e.which || e.charCode;

• ajax原生写法
  var xhr = new XMLHttpRequest() || new ActiveXObject(‘Microsoft.XMLHttp’)