zl程序教程

您现在的位置是:首页 >  前端

当前栏目

javascript兼容鼠标滚轮事件

JavaScript事件 兼容 鼠标 滚轮
2023-06-13 09:14:08 时间
这个事件在标准下和IE下是有区别的。firefox是按标准实现的,事件名为"DOMMouseScroll",IE下采用的则是"mousewheel"。
当然一行代码就解决了兼容问题
复制代码代码如下:

varmousewheel=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);