滚轮监听"/>
滚轮监听
开发工具与关键技术:DW和JavaScript
撰写时间:2019年1月18日
- 在原始的页面时,如果背景是有颜色的,页面也比较多的情况下,如果还采用原始的滚轮,那就不怎么好看了,于是,滚轮监听就出现了。
(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:
总结:三目运算就是判断各个浏览器统一的一个滚动方向的确定
(例子来源老师)
更多推荐
滚轮监听
发布评论