FF使用DOMMouseScroll，其他浏览器使用mousewheel

FF在一个特殊的属性event.detail。表示滚动的值

event.detail

正数：向下滚动，负数：向上滚动

滚动一次值3，向上滚动一页值为-32768，向下滚动一页值为+32768。其它值代表滚动的行数, 方向代表了数值的正负号

受信任的事件是不会给detail赋值0

其它浏览器，通过event.wheelDelta获取滚动值

正数：向上滚动。负数：向下滚动

滚动一次值120

1. //非FF
2. //event.wheelDelta
3. // 正数:向上滚动。负数：向下滚动
4. // 滚动一次值120
5. document.body.onmousewheel = function (event) {
6. event = event || window.event;
7. log('onmousewheel');
8. log(event);
9. log('event.detail=' + event.detail);//0
10. log('event.wheelDelta=' + event.wheelDelta);
11. };
13. //FF
14. // event.detail
15. // 正数：向下滚动。负数：向上滚动
16. // 向上滚动一页值为-32768，向下滚动一页值为+32768，其它值代表滚动的行数, 方向代表了数值的正负号
17. // 受信任的事件是不会给detail赋值0
18. document.body.addEventListener("DOMMouseScroll", function (event) {
19. log('DOMMouseScroll');
20. log(event);
21. log(event.detail);
22. });
24. function log(arg) {
25. window.console && window.console.log(arg);
26. }

參考资料

版权声明：本文博客原创文章，博客，未经同意，不得转载。