判断鼠标滚轮

最新推荐文章于 2025-11-30 01:59:27 发布

原创最新推荐文章于 2025-11-30 01:59:27 发布 · 1.3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#mozilla #javascript #opera #ie #测试 #up

JavaScript 专栏收录该内容

12 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现的跨浏览器鼠标滚轮事件监听方法。该方法通过判断不同的浏览器特性，兼容IE、Firefox和Opera等浏览器，实现统一的滚轮事件处理。文章提供了具体的JavaScript代码实现。

/** 事件句柄 */ function wheel(event){ var delta = 0; if (!event) /* For IE. */ event = window.event; if (event.wheelDelta) { /* IE或者Opera. */ delta = event.wheelDelta/120; /** 在Opera9中，事件处理不同于IE */ if (window.opera) delta = -delta; } else if (event.detail) { /** 兼容Mozilla. */ /** In Mozilla, sign of delta is different than in IE. * Also, delta is multiple of 3. */ delta = -event.detail/3; } /** 如果增量不等于0则触发 * 主要功能为测试滚轮向上滚或者是向下 */ if (delta) handle(delta); }

/** 初始化 */ if (window.addEventListener) /** Mozilla的基于DOM的滚轮事件 **/ window.addEventListener('DOMMouseScroll', wheel, false); /** IE/Opera. */ window.onmousewheel = document.onmousewheel = wheel; </script>