繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > javascript 鼠标滚轮事件
- Javascript
- 写的htc的数据表格
- 幻宇的层模拟窗口效果－提供演示和下载
- javascript 播放器 控制
- 一个无限级XML绑定跨框架菜单（For IE）
- innerHTML，outerHTML,innerTEXT三者之间的区别
- 无间断滚动的新闻文章列表 多浏览器兼容
- 图片连续不间断滚动像册
- 关于图片验证码设计的思考
- Js之软键盘实现(js源码)
- js技巧收集(200多个) 超强推荐
- 图片自动播放也可通过按钮控制显示
- 照片各部分的彩色与黑白交替更换
- select发展史 超强
- 无聊，写了个日历程序，欢迎拍砖
- greybox：不开新窗口看新的网页
- nicejforms：美化表单不用愁
- 用jquery来定位
- 动态调用css文件：jquery的应用
- 用YUI做了个标签浏览效果
- JS轻松实现CSS设置,DIV+CSS常用CSS设置
Javascript 中的 javascript 鼠标滚轮事件
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 425 ::
收藏到网摘: n/a
由于鼠标滚轮事件在 IE 和 FF 的实现有点不一样，所以有需要把这个写成一个统一可用的事件。 今天在网上找来了响应滚轮的函数并改写成下面的类
复制代码 代码如下:
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');
其中 handle 函数必须有且只有一个参数delta，滚轮往上滚时 delta 大于 0，往下则小于 0。上例 handle 函数的作用是用滚轮对 div 实现滚动条的功能
评论 (0) All
