纯js鼠标滚轮事件

如何使用纯JavaScript快速获取鼠标滚轮事件!!!

1.打开DW

        *首先打开运行DW（Dreamweaver CC）

        *或者打开VS（Start Experimental Instance of Visual Studio）也可以

        *下面演示的为2019版的DW

2.创建函数

        *创建一个函数名为scrollFunc的函数（函数名可以根据自己需求定，不要求统一）并且给它             一 个参数e，在控制台中打印输出参数e

 

 

3.调用函数scrollFun

        *此时函数scrollFun虽然已经有了“内容”但还没被调用

        *而我们现在需要的是当鼠标滚轮滑动时调用函数scrollFun

        *onmousewheel 事件：当鼠标滚轮正在被滚动时运行的脚本。

         //onscroll  当元素滚动条被滚动时运行的脚本（拓展当前不需要）

         *当onmousewheel 事件触发时调用scrollFun函数

 

4.运行，查看函数scrollFun中的参数e

        *找到wheelDelta

        *以wheelDelta的正负为参照物，判断滚轮是向上还是向下滚动

5.浏览器兼容问题

  *个别的浏览器的鼠标“参照物”不同则需要特别处理

  *IE   谷歌浏览器等参照物为wheelDelta   其余等可用detail（var）

 

 

6.开始判断滚轮是向上还是向下

          *当e.wheelDelta大于零时，则证明滑轮是向上滚动的

          *当e.wheelDelta小于零时，则证明滑轮是向下滚动的

          *则参照为wheelDelta的代码为

          *参照为detail的代码为

 总代码为：

         以上便是纯JavaScript鼠标滚轮onmousewheel 事件