如何在 jQuery 中检测鼠标滚轮事件？

在 jQuery 中检索鼠标滚轮事件

除了标准滚动事件之外，jQuery 还提供了一种显式捕获鼠标滚轮事件的机制。这些事件提供了鼠标滚轮旋转方向的精确信息。

解决方案：

要在 jQuery 中检测鼠标滚轮事件，您可以使用 mousewheel 事件处理程序。这是一个示例：

<code class="javascript">$(document).ready(function() {
    $('#foo').bind('mousewheel', function(e) {
        if (e.originalEvent.wheelDelta / 120 > 0) {
            console.log('Scrolling Up!');
        } else {
            console.log('Scrolling Down!');
        }
    });
});</code>

在此代码中：

• $(document).ready(function() {...}) 确保代码在文档加载时运行。
• $('#foo').bind('mousewheel', function(e) {...}) 绑定 mousewheel ID 为“foo”的元素的事件处理程序。
• e.originalEvent.wheelDelta 包含以 CSS 像素为单位测量的旋转量。

• 条件语句检查滚轮旋转的方向：

  • 正值表示向上滚动。
  • 负值表示向下滚动。
• console.log() 将滚动方向输出到控制台以用于调试目的。

以上是如何在 jQuery 中检测鼠标滚轮事件？的详细内容。更多信息请关注PHP中文网其他相关文章！