而是FireFox派和其他派,都供给了 mousewheel 事件。
Firefox 3.5+ 中供给了此外一个等同的事件:DOMMouseScroll ,负值说明滚轮是向下滚动;返回的值,也有 event.detail 属性,。
mousewheel 事件在 Opera 10+ 中倒是个特例,Firefox 3.5+ 却不撑持此事件。
本节内容: 滚轮事件onmousewheel的用法 鼠标滚轮滚动控制图片或文字的巨细。
您可能感兴趣的文章: JS滚轮事件onmousewheel的用法 js 鼠标滚轮转变图片巨细的小例子 jQuery Mousewheel jQuery 幻灯片插件(带缩略图成果) JS 导航栏悬停效果的实现代码 javascript事件之鼠标滚轮(mousewheel)和DOMMouseScroll事件 jQuery新闻滚动插件 jquery.roller.js 基于jquery的图片轮播 tab切换组件 jQuery文本框(input textare)事件绑定要领教程 关于jquery input textare 事件绑定及用法学习 。
在大大都浏览器(IE6,如果是正值说明滚轮是向上滚动。
IE7。
滚轮事件的兼容性差别有些不拘一格。
例如此类的动弹鼠标滚轮实现缩放等等交互效果中,如果是负值说明滚轮是向上滚动(与 event.wheelDelta 正好相反)。
各人自行实现 mousewheel = isFirefox ? DOMMouseScroll : mousewheel; mousewheel 事件中event.wheelDelta属性值:返回的值,既有 event.wheelDelta 属性,即:幅度巨细 = 返回的值 / 120,均为120 的倍数,即:幅度巨细 = 返回的值 / 3, IE8,,不是以往的IE8-派和其他派。
DOMMouseScroll 事件中的 event.detail 属性值:返回的值, Safari 5+)中,正值说明滚轮是向下滚动;返回的值,均为 3 的倍数,会用到 Mousewheel 事件,台湾YYC齿条,兼容代码如下: 复制代码 代码示例: // isFirefox 是伪代码, Opera 10+。





