这篇文章将为大家详细讲解有关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中怎么处理鼠标滚轮事件就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
