javascript 鼠标滚轮事件
2009-04-09 00:00
567 查看
今天在网上找来了响应滚轮的函数并改写成下面的类
在使用的时候需要定义一个执行函数,用以根据从上述类中获得的值进行操作,并为指定的网页元素添加事件。比如
其中 handle 函数必须有且只有一个参数delta,滚轮往上滚时 delta 大于 0,往下则小于 0。上例 handle 函数的作用是用滚轮对 div 实现滚动条的功能
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鼠标和滚轮事件
- 解析javascript中鼠标滚轮事件
- 关于JavaScript中监听鼠标滚轮事件
- javascript: 鼠标滚轮事件
- javascript监听鼠标滚轮事件浅析
- javascript控制鼠标滚轮事件
- 鼠标的滚轮javascript事件
- JavaScript焦点事件、鼠标事件和滚轮事件使用详解
- JavaScript焦点事件、鼠标事件和滚轮事件使用详解
- javascript鼠标滚轮事件
- javascript 鼠标滚轮事件
- javascript实现禁止鼠标滚轮事件
- 浅谈Javascript鼠标和滚轮事件
- javascript 兼容鼠标滚轮事件
- javascript事件(四)之鼠标滚轮事件
- javascript监听鼠标滚轮事件浅析
- 浅谈Javascript鼠标和滚轮事件
- 支持IE和Firefox的鼠标滚轮事件JavaScript代码
- JavaScript中的鼠标滚轮事件详解
- JavaScript事件类型中焦点、鼠标和滚轮事件详解