今天在网上找来了响应滚轮的函数并改写成下面的类复制代码 代码如下:function wheelEvent(obj, handle) { this.handle = handle; // different events between Firefox and IE window.addEventListener ? obj.addEventListener("DOMMouseScroll", this.wheel, false) : (obj.onmousewheel = this.wheel); } wheelEvent.prototype.wheel = function (event) { var ev = event || window.event; var delta = ev.wheelDelta ? (ev.wheelDelta / 120) : (- ev.detail / 3); // Firefox using `wheelDelta` IE using `detail` eval ('delta ? ' + parent.handle + '(delta) : null;'); } 在使用的时候需要定义一个执行函数，用以根据从上述类中获得的值进行操作，并为指定的网页元素添加事件。比如复制代码 代码如下:function handle(delta) { document.getElementById('text').scrollTop -= delta * 20; } new wheelEvent(document.getElementById('text'), 'handle'); 在上例中第一个参数是添加滚轮事件的网页元素， id 为 text 的 div；第二个参数是执行函数的名字 handle。 其中 handle 函数必须有且只有一个参数delta，滚轮往上滚时 delta 大于 0，往下则小于 0。上例 handle 函数的作用是用滚轮对 div 实现滚动条的功能

　　推荐阅读

　　JavaScript 无符号右移赋值操作

示例代码： result >>>= expression 其中参数是result任何变量。 expression是任何表达式。 JavaScript中无符号右移赋值操作说明 使用 >>>= 运算符和使用下面的语句是等效的： result = result >>> expression >>>>>>详细阅读

本文标题：javascript 鼠标滚轮事件

地址：http://www.17bianji.com/kaifa2/JS/28817.html

 1/2    1