JavaScript 兼容鼠标滚轮事件的实现方案

浏览器滚轮事件差异与兼容处理

在标准浏览器与IE浏览器中，鼠标滚轮事件的实现机制存在显著差异。Firefox遵循标准规范，其事件名称为"DOMMouseScroll"；而在IE浏览器中，则采用"mousewheel"作为事件名称。

实际上，仅需一行代码即可解决这一兼容性问题。

var mousewheel = document.all?"mousewheel":"DOMMouseScroll";

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);