本文详解如何在JavaScript中兼容处理鼠标滚轮事件，针对IE与Firefox内核差异，通过判断document.all区分事件名。同时介绍利用jQuery的bind方法绑定自定义事件，以及使用brandonaaron提供的mousewheel插件简化开发流程，并对比event.wheelDelta与event.detail属性值的方向差异。
浏览器滚轮事件差异与兼容处理
在标准浏览器与IE浏览器中，鼠标滚轮事件的实现机制存在显著差异。Firefox遵循标准规范，其事件名称为"DOMMouseScroll"；而在IE浏览器中，则采用"mousewheel"作为事件名称。
实际上，仅需一行代码即可解决这一兼容性问题。
具体实现代码如下：
var mousewheel = document.all?"mousewheel":"DOMMouseScroll";关于事件属性，IE浏览器使用event.wheelDelta，而Firefox使用event.detail。两者的方向判定值也不同：IE中向上滚动时值大于0，Firefox中向下滚动时值大于0。
jQuery中的滚轮事件应用
尽管jQuery 1.3.2版本尚未内置滚轮事件支持，但可以通过jQuery的bind方法绑定任意事件。只需结合上述兼容代码即可实现。
此外，jQuery已有相关插件支持该功能，可参考http://brandonaaron.net/code/mousewheel/demos。
使用该插件的方式如下：
具体代码示例：
$('div.mousewheel_example').mousewheel(fn);
$('div.mousewheel_example').bind('mousewheel', fn);