JavaScript兼容-持續(xù)更新

1.css非行內(nèi)樣式操作

// currentStyle用于IE低版本 getComputed用于主流瀏覽器
// element 目標(biāo)元素   attribute 目標(biāo)屬性
function getStyle(element, attribute) {
  return element.currentStyle ? element.currentStyle(attribute) : getComputed(element)[attribute];
}

2.事件添加刪除

// attachEvent/detachEvent用于IE低版本 addEventListener/removeEventListener用于主流瀏覽器

// element 事件源(目標(biāo)元素)    eventType 事件類(lèi)型    callback 事件行為
// 添加
function addEvent(element, eventType, callback) {
  // element.attachEvent ? element.attachEvent(`on${eventType}`, callback) : element.addEventListener(eventType, callback);
  if (ele.attachEvent) {
    ele.attachEvent('on' + type, callback);
  } else {
    ele.addEventListener(type, callback);
  }
}

//刪除
function removeEvent(element, eventType, callback) {
  // element.detachEvent ? element.detachEvent(`on${eventType}`, callback) : element.removeEventListener(eventType, callback);
  if (ele.attachEvent) {
    ele.detachEvent('on' + type, callback);
  } else {
    ele.removeEventListener(type, callback);
  }
}

3.事件對(duì)象

// window.event用于IE低版本 event用于主流瀏覽器
element.onEventType = function(event) {
  var e = event || window.event;
}

4.阻止冒泡

// cancelBubble = true用于IE低版本 stopPropagetion用于主流瀏覽器
element.onEventType = function(event) {
  var e = event || window.event;
  // e.stopPropagetion ? e.stopPropagetion() : e.cancelBubble = true;
  if (e.stopPropagetion) {
    e.stopPropagetion();
  } else {
    e.cancelBubble = true;
  }
}

5.鍵盤(pán)keyCode

// which用于IE低版本 keyCode用于主流瀏覽器
element.onEventType = function(event) {
  var e = event || window.event;
  var code = e.keyCode || e.which;
}

6.取消默認(rèn)行為

// returnValue用于IE低版本 preventDefault用于主流瀏覽器
element.onEventType = function(event) {
  var e = event || window.event;
  e.preventDefault ? e.preventDefault() : e.returnValue;
  if (e.preventDefault) {
    e.preventDefault();
  } else {
    e.returnValue;
  }
  // return false 寫(xiě)在函數(shù)最后 也可以阻止默認(rèn)事件 沒(méi)有兼容問(wèn)題
}