繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > javascript 鼠标滚轮事件
- Javascript
- javascript据option的value值快速设定初始的selected选项
- document.open() 与 document.write()的区别
- javascript实现轮显新闻标题链接
- 一段效率很高的for循环语句使用方法
- 使一个函数作为另外一个函数的参数来运行的javascript代码
- javascript引用对象的方法代码
- javascript下给元素添加事件的方法与代码
- JS 页面内容搜索，类似于 Ctrl+F功能的实现代码
- js 事件小结 表格区别
- 用js实现计算代码行数的简单方法附代码
- 收藏的js表单验证控制代码大全
- 提供一款很不错的万年历查询
- 用javascript实现计算两个日期的间隔天数
- 用javascript实现在小方框中浏览大图的代码
- 用js实现上传图片前的预览（TX的面试题）
- 用javascript实现li 列表数据隔行变换背景颜色
- (currentStyle)javascript为何有时用style得不到已设定的CSS的属性
- 总结AJAX相关JS代码片段和浏览器模型
- 超强推荐的js编程中的简洁写法收集
- javascript 函数式编程
Javascript 中的 javascript 鼠标滚轮事件
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 379 ::
收藏到网摘: 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
