兼容鼠标滚轮事件

浏览地图时，使用鼠标滚轮来放大和缩小。即用到了滚轮事件。

 

这个事件在标准下和IE下是有区别的。firefox是按标准实现的,事件名为"DOMMouseScroll ",IE下采用的则是"mousewheel "。

 

当然一行代码就解决了兼容问题

 

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

 

事件属性，IE是event.wheelDelta，Firefox是event.detail 属性的方向值也不一样，IE向前滚 > 0为120，相反在-120，Firefox向后滚 > 0为3，相反则-3。

 

最新的jquery1.3.2仍然没有增加滚轮事件，但可以用jquery的bind去绑定任何事件，当然得加上上面那句。

 

不过jquery有个插件已经加上了该功能。见http://brandonaaron.net/code/mousewheel/demos

 

这样使用：

 

$('div.mousewheel_example').mousewheel(fn);
$('div.mousewheel_example').bind('mousewheel', fn);