javascript 鼠标滚轮事件


今天在网上找来了响应滚轮的函数并改写成下面的类

复制代码 代码如下:

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 实现滚动条的功能



相关阅读:
CSS+Div网页布局中的结构与表现
LINUX FSCK数据出错灾难应急方案
详尽介绍VISTA的各个版本
页面内文字的滚动代码详解
css中border:none;与border:0;的区别说明
jQuery Tab插件 用于在Tab中显示iframe,附源码和详细说明
vb.net入门——Windows窗体的继承
解决ASP.NET的进程帐户没有访问 IIS的权限
php教程:php设计模式介绍之观测模式
国人开发的比较优秀的js框架:como js
PHP 反射机制实现动态代理的代码
combox改进版 页面原型参考dojo的,比网上jQuery的那些combox功能强,代码更小
msxml3.dll 错误 80070005 拒绝访问
定义标题的最好方法
快速导航
PHP MySQL HTML CSS JavaScript MSSQL AJAX .NET JSP Linux Mac ASP 服务器 SQL jQuery C# C++ java Android IOS oracle MongoDB SQLite wamp 交通频道 作文范文 秋日的精彩作文600字 小型工程建筑施工合同 大学生休学申请书范文 这个寒冷的假期 爱情说说心情短语一个人的说说心情短语:此生最爱是你 安全无事小作文1200字 窗外的丁香花 雨夜随想作文250字 关于夸男人的挖苦人的话 春日·阴阴溪曲绿交加 听一场细雨淋漓,还一片湛然心境 一起久了两个人的性格会逐渐互补(爱情语录) 汶川地震有感作文 经济体制改革回顾:以《商法》为聚焦点(1)论文 市级医院领导就职演讲稿范文 初中初一作文700字:“人蝇”PK 向英雄致敬作文 语文教师自我叙事 清明节的味道 开光仪式讲话稿范文 我的小小心愿作文400字 鼓舞孩子考试的话 每一次发奋努力的背后,必有加倍的赏赐 描写初秋的优美片段五 qq个性签名唯美的诗句 如何强化企业执行力的几点思考 初中初一作文650字:听音乐给我带来快乐 作文 迪斯尼一日游 那把倾斜的伞 2015山中避雨教学反思 学会生存,自我保护_学会生存作文 一样云淡风轻 忘不了的字体450字作文 小学三年级作文450字:植树 高考零分作文:放下顾虑 《春酒》教学设计 《冤案》追踪250字 热病作文3000字 爱心读后感 关于吴邵萍的征文:学习吴邵萍 做平凡的教育人 《悲剧的诞生》读后感1500字 简历范文写作攻略:个人信息该写哪些? 联营合作协议(一) 格列佛游记读后感范文 2011愚人节整人短信10条精选 梦幻雪乡 沙漏记得,我们遗忘的时光 三年级的作文:妈妈,我有话跟你说 班主任经验交流:这样做,班主任更幸福 美丽的珠江公园 乡镇环保所2016年度工作总结及2017年工作计划

Copyright © 2016 phpStudy |