Javascript中怎么处理鼠标滚轮事件

这篇文章将为大家详细讲解有关Javascript中怎么处理鼠标滚轮事件，文章内容质量较高，因此小编分享给大家做个参考，希望大家阅读完这篇文章后对相关知识有一定的了解。

　　Javascript对鼠标滚轮事件怎么处理

　　所谓事件属性，就是滚轮滚动时某个特定变量的变化。该变量不需要用户定义，是作为事件的属性出现的。

　　对于FireFox，这个变量是detail：滚轮向上滚动，detail=-3;向下滚动，detail=3。

　　对于非FireFox，这个变量是wheelDelta：滚轮向上滚动，wheelDelta=120;向下滚动，wheelDelta=-120。

　　另外，还有一点需要注意。

　　在FireFox下，DOMMouseScroll必须通过addEventListener来绑定，如：

　　element.addEventListener("DOMMouseScroll",fun,false)

　　在非FireFox下，就没有限制了，除了上述方法，还可用下边的代码：

　　element.onmousewheel=function(){}

　　笔者最后总结了一段兼容代码，给大家使用。

　　对于实现方法的兼容：

　　/**

　　*对滚轮事件属性的兼容处理，不管何种浏览器，最后统一为：鼠标轮向上滚动detail=-3，向下滚动detail=3

　　*/

　　function fun(e)

　　{

　　var e=e||event;

　　var detail=e.detail||parseInt(-e.wheelDelta/40);

　　/*添加代码*/

　　}

关于Javascript中怎么处理鼠标滚轮事件就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。