JS兼容性问题汇总

1.

document.body.onmousewheel这个事件

在火狐下要这样写document.body.addEventListener("DOMMouseScroll", function(event) {});

并且非火狐用e.deltaY判断方向，火狐用下e/detail判断方向

 

2.

fadein、fadeout在iphone/safari会出现闪烁，solve it with css 3

 

3.

ie不支持标准的capture bubble事件模型,故attachEvent只有两个参数

但标准方法addEventListener有3个参数，这就不得不提捕获冒泡和非捕获冒泡的游览器差异了

true 是捕获阶段执行绑定的函数 false 是bubble阶段执行绑定的函数

其实就是父子div同时发生事件时，先做谁的问题

在这里简述一下capture-bubble模型

dom事件发生了，警察从dom的root出发去capture这个事件确切发生的最内元素

T.T国际警察

比如这个罪犯在杭州

那么国际警察机会先进入中国，顺便看看同一时刻中国有没有案件发生

再去浙江看看

最后跑到杭州执行案件

如果band的时候，第三个参数是true，那么沿路看到案子就给办了

如果第三个参数是false，那会就回头再收拾那些罪犯

 

但是ie里不是国际警察在办事

是本地的条子在办事T.T

所以直接就抓到了，就是冒泡了

 

这篇如果内容多了以后可能需要被整理成好几篇