今天在网上找来了响应滚轮的函数并改写成下面的类
复制代码 代码如下:
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 实现滚动条的功能