鼠标滚轮事件（谷歌或火狐）

全部代码：

分部说明：

1.首先在body标签里给个div标签，div里打上鼠标滚轮事件，方便之后在浏览器上，当鼠标滚轮滚动时，就可以明显看出页面有在滚动

2.写div样式。直接在head标签里给个style标签（内部样式），然后用元素选择器给div设置样式，宽度（width）为200像素（px），高度（height）为2000像素（px），背景颜色（background-color）为碧绿色（aquamarine）

3.样式设置好后，就可以直接写JS。在body标签里给个script标签，然后打上页面加载时window.onload = function(){}

4.接下来就是为谷歌浏览器设置滚轮事件，给个封装函数function  fuc(event）{}，然后给window绑定个滚轮事件window.onmousewheel = fuc，通过console.log(event.wheelDelta)去输出这个参数

5.这是谷歌浏览器，检查然后点控制台查看。当鼠标向下滚动时，wheelDelta的值为-150，即wheelDelta<0(当wheelDelta的值为-150，即wheelDelta<0 鼠标向下滚动)

6.当鼠标向上滚动时，wheelDelta的值为150，即wheelDelta>0(当wheelDelta的值为150，即wheelDelta>0 鼠标向上滚动)

7.谷歌浏览器滚轮事件完成后，就要开始火狐浏览器滚轮事件了。通过兼听document.addEventListener（“DOMMouseScroll”,func,false），接着写个封装函数function fuc(event){}，通过console.log(event.detail)去输出这个参数，然后调用函数func（）

8.这是火狐浏览器，打开检查然后点击控制台查看。当鼠标向下滚动时，detail的值为4，即detail>0(当detail的值为4，即detail>0 鼠标向下滚动)

9.当鼠标向上滚动时，detail的值为-4，即detail<0(当detail的值为-4，即detail<0 鼠标向上滚动)

鼠标滚轮事件（谷歌或火狐）就完成了

最后

以上就是合适鸡为你收集整理的鼠标滚轮事件（谷歌或火狐）的全部内容，希望文章能够帮你解决鼠标滚轮事件（谷歌或火狐）所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。