JavaScript浏览器兼容收集汇总

js兼容性汇总

标签（空格分隔）： 前端 JavaScript

获取一个元素的非行间样式
获取一个元素的行间样式通过 obj.style即可获取

currentStyle --------兼容IE6、7、8

getComputedStyle --------兼容非IE6、7、8之外的高级浏览器

事件绑定-----相比于直接obj.onclick,onmouseover，为相同元素加相同事件时不会被覆盖

attachEvent ---------- IE浏览器

addEventListener ------------ 高级浏览器

事件对象

event--------非Firefox的所有浏览器都适用

function(ev){} 事件函数传递的参数ev ------------ 高级浏览器适用

鼠标滚轮事件

DOMMouseScroll ------Firefox浏览器

onmousewheel ------非Firefox

滚动的距离的获取方法：
Firefox:

obj.addEventListener('DOMMouseScroll',function(ev){
var delta = ev.detail;
},false);

非Firefox:

obj.onmousewheel=function(ev){
var oEvent = ev || event;
var delta=oEvent.wheelDelta;
};

Firefox的delta往下滚一下是正数，往上是负数；非Firefox的delta往下滚是负数，往上是正数。

控制html元素的类名

classList.add()/remove() -------------------支持IE10及以上 Chrome Firefox

若对IE9及一下增加删除类名只能使用比较笨的方法

obj.className = "red big bold"
obj.className = "big bold"