繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > javascript 兼容鼠标滚轮事件
- Javascript
- IE bug table元素的innerHTML
- Javascript学习笔记1 数据类型
- Javascript学习笔记2 函数
- Javascript学习笔记3 作用域
- Javascript学习笔记4 Eval函数
- Javascript学习笔记5 类和对象
- Javascript学习笔记6 prototype的提出
- Javascript学习笔记7 原型链的原理
- Javascript学习笔记8 用JSON做原型
- Javascript学习笔记9 prototype封装继承
- Javascript 读书笔记索引贴
- JavaScript 事件冒泡应用实例分析
- JavaScript 事件冒泡简介及应用
- Extjs学习笔记之九 数据模型(上）
- javascript Object与Function使用
- 取选中的radio的值
- JavaScript 学习笔记（九）call和apply方法
- javascript下判断一个对象是否具有指定名称的属性的的代码
- Javascript 实现TreeView CheckBox全选效果
- jquery插件 cluetip 关键词注释
Javascript 中的 javascript 兼容鼠标滚轮事件
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 251 ::
收藏到网摘: n/a
浏览地图时，使用鼠标滚轮来放大和缩小。即用到了滚轮事件。 这个事件在标准下和IE下是有区别的。firefox是按标准实现的,事件名为"DOMMouseScroll ",IE下采用的则是"mousewheel "。
当然一行代码就解决了兼容问题
复制代码 代码如下:
var mousewheel = document.all?"mousewheel":"DOMMouseScroll";
事件属性，IE是event.wheelDelta，Firefox是event.detail 属性的方向值也不一样，IE向上滚 > 0，Firefox向下滚 > 0。
最新的jquery1.3.2仍然没有增加滚轮事件，但可以用jquery的bind去绑定任何事件，当然得加上上面那句。
不过jquery有个插件已经加上了该功能。见http://brandonaaron.net/code/mousewheel/demos
这样使用：
复制代码 代码如下:
$('div.mousewheel_example').mousewheel(fn);
$('div.mousewheel_example').bind('mousewheel', fn);
评论 (0) All
