一、浏览器兼容差异

滚轮事件的兼容性差异有些不拘一格，不是以往的IE派和其他派，而是FireFox派和其他派。
包括IE6在内的浏览器是使用onmousewheel，而FireFox浏览器使用DOMMouseScroll。

一个最简单的使用差异：

document.body.onmousewheel = function(event){
    event = event || window.event;
    console.dir(event);
};

document.body.addEventListener("DOMMouseScroll", function(event){
    console.dir(event);
}); 

以上输出差异见下表： 

对照表格内容，可以看到，鼠标滚动事件与点击事件有很多类似的地方。比方说兼容部分：event.type，event.screenX/event.screenY，event.clientX/event.clientY，event.altKey，event.shiftKey，event.cancelBubble都是一样的；不兼容的部分，IE6-8的event.srcElement与其他浏览器的event.target。

在除了FireFox之外的浏览器下，滚动的上下滚动与否与这个event.wheelDelta有关。

对于FireFox浏览器（Opera浏览器也有），判断鼠标滚动方向的属性为event.detail。