滚轮监听

开发工具与关键技术：DW和JavaScript

撰写时间：2019年1月18日

 

1. 在原始的页面时，如果背景是有颜色的，页面也比较多的情况下，如果还采用原始的滚轮，那就不怎么好看了，于是，滚轮监听就出现了。

（1）绑定滚轮监听的写法为window.onmousewheel = wheel; onmousewheel当鼠标滚轮正在被滚动时运行的脚本。

addEventListener为指定的dom元素动态绑定事件

事件的监听为：

（2）wheelDalta 是事件对象里面的，事件对象就是绑定什么就是什么的事件对象。事件对象的兼容性。W3C标准规定，事件是作为函数的参数传入的，所以对于遵循W3C规范的事件对象e的使用是没有问题的。

function wheel(ev)这个函数是通过绑定onmousewheel传进来的事件对象就是滚轮事件，它会记录滚轮事件下面的值。

（3）在学习滚轮监听事件的时候，还关联到一个重要的知识点：就是三目运算，三目运算就是判断各个浏览器统一的一个滚动方向的确定。其规定的写法为先比较，然后一个问号，后面一个bool值，再然后一个冒号和一个bool值。

b = e. wheelDelata > 0 ? true:false;

结果就是鼠标向上滚动时为ture：

鼠标向上滚动时为false：

总结：三目运算就是判断各个浏览器统一的一个滚动方向的确定

                                 （例子来源老师）