JavaScript中常见的一些兼容性问题，面试必备

1、1. 事件绑定

兼容写法：

小结：

addEventListener() 兼容：firefox、chrome、safari、opera、IE9+；

attachEvent() 兼容：IE7,8 。

2、2. event事件对象

兼容写法：

小结：

e 兼容火狐浏览器，window.event 兼容非火狐。

3、3. 获取 scrollTop

兼容写法：

小结：

document.documentElement.scrollTop 兼容非 chrome；

document.body.scrollTop 兼容 chrome。

4、4. 阻止浏览器默认事件

兼容写法：

小结：

eventPreventDefault() 不兼容 IE6-8；

event.returnValue = false; 兼容IE。

5、5. 阻止冒泡

兼容写法：

小结：

event.stopPropagation() 不兼容 IE6-8；

event.cancleBubble = true 兼容IE。

6、6. 滚轮

兼容写法：

小结：

obj.addEventListener('DOMMouseScroll',wheel,false); 兼容火狐；

obj.onmousewheel = wheel; 非火狐。

7、7. 获取className

兼容写法：

补充，对于为何要加上 reg.lastIndex = 0; (13行下面那一句代码)，原因如下：

若不加这句代码，有连续的两个类名匹配时，只会匹配第一个，则第二个不会。

究起原因就是 RegExp 对象的 lastIndex 属性：该属性存放一个整数，它声明的是上一次匹配文本之后的第一个字符的位置。

若使用了‘g’全局修饰符，在执行了 test 方法后，lastIndex 就会将匹配到的字符串的位置记录下来作为下一次匹配的起始位置。

若是下一次匹配没有成功，则 lastIndex 置为 0。

若不加'g'全局修饰符，则可以把这句代码省略掉。请点击查看demo

小结：IE浏览器不支持 getElementsByClassName() 所以只能自己写一个方法来获取 class；