码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript鼠标滚轮事件

时间:2018-06-18 12:44:10      阅读:187      评论:0      收藏:0      [点我收藏+]

标签:版本   lis   color   col   rip   ash   dash   特殊   window   

   IE6.0首先实现了鼠标的滚轮事件,其良好的交互效果得到认可,随后Opera、chrome、safari等主流浏览器都实现了该效果,不过存在着很大的兼容问题。

   大多数浏览器支持mousewheel事件操作,它可以在任何元素上触发,最终冒泡到document或window对象;而在Firefox中,支持的是另外一种事件——DOMMouseScroll,其中最为特殊的是它必须用addEventListener方法实现,故一般进行如下处理

           mousewheel触发事件会有一个特殊的事件属性——wheelDelta,当用户向前滚动是,它的值是120的倍数,向后滚动时,它的值是-120的倍数。不过在Opera9.5之前的版本中,正负号是颠倒的;在Firefox中,并没有wheelDelta属性,而是detail属性,与wheelDelta相比较,它不仅正负号颠倒,其值是3的倍数。为了兼容正负号颠倒的问题,可以采取设定布尔值的解决方法。技术分享图片

JavaScript鼠标滚轮事件

标签:版本   lis   color   col   rip   ash   dash   特殊   window   

原文地址:https://www.cnblogs.com/zhuyafeng/p/9108309.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!