滚轮监听

开发工具与关键技术: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:

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

                                 (例子来源老师)

猜你喜欢

转载自blog.csdn.net/weixin_44544845/article/details/86552445