JS兼容问题总结 -持续更新

1.兼容问题的 e

function xxx(e) {

    var e = e || event;

} 

//IE浏览器支持自定义传，其他浏览器支持内置对象

2.兼容问题的scrollTop/Left

var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;

//谷歌浏览器认为scrollTop针对body而言，而其他浏览器认为是html

3.兼容问题的阻止事件冒泡

ev.cancelBubble = true;

ev.stopPropagation();

4.兼容问题的绑定函数

elem.attachEvent(事件名称有on,事件函数)；//IE8及以下

elem.addEventListener(事件名称不带on，事件函数，是否捕获); //其他浏览器及IE11

//IE9,10两者均支持

！！！  attachEvent的this指的是window，而addEventListener的this指的是触发该事件的对象

5.取消绑定事件函数

elem.detachEvent(事件名称，事件函数);

elem.removeEventListener(事件名称，事件函数，是否捕获);

6.阻止默认行为

ie/chrome：return false; //阻止的是obj.on事件名称=fn所触发的事件默认行为 

ff：ev.preventDefault(); //阻止的是addEventListener绑定的事件

！！！  IE下的attachEvent绑定的事件是通过retrun false阻止的

7.滚轮滚动

ie/chrome： onmousewheel  //elem.onmousewheel = fn;

ff：DOMMouseScroll  //必须用addEventListener绑定

8.判断滚轮如何滚动：

ie/chrome：event.wheelDelta  // 向上滚动>0,向下滚动<0

ff：event.detail  //向上滚动<0,向下滚动>0