兼容

 1.事件绑定

addEventListener/removeEventListener 兼容IE9+及主流，ps:移除参数不能少

attachEvent/detachEvent 兼容IE   + on

 2.事件

function (e)

var e=e || window.event

 3.滚轮事件，火狐与其他主流浏览器的上下滚动自然值也不同

document.onmousewheel  其他

document.addEventListener('DOMMouseScroll',fn,false)  火狐

 4.键盘和鼠标事件

e.keyCode 键盘键值 兼容所有

e.which 鼠标值和键盘键值 不兼容IE8-

 5.classList 不兼容IE8-

 6.获取元素对象属性

getComputedStyle(oBox).width 不兼容IE678    扩展：获取不代表设置，区分oBox.style.width;

oBox.currentStyle.width  只兼容IE

 7.下标

Arr[index] 不兼容IE8

charAt(index) 全兼容

 8.鼠标位置

clientX

pageX 不兼容IE8- 扩展：clientX+scrollLeft兼容

 9.绑定bind 不兼容IE678

 10.查询设置文本内容

innerText 不兼容firefox

textContent 不兼容ie

 11.getElementsByClassName

 1 function getClass(param){
 2     if(document.getElementsByClassName){
 3         return document.getElementsByClassName(param);
 4     }else{
 5         var all = document.getElementsByTagName('*');
 6         var arr = [];
 7         for (var i = 0;i < all.length; i++){
 8             var className = all[i].className;
 9             var arrClass = className.split(' ');
10             for ( var j = 0;j < arrClass.length; j++){
11                 if( arrClass[j] == param ){
12                     arr.push(all[i]);
13                 }
14             }
15         }
16         return arr;
17     }
18 }

View Code