js监听鼠标的滚轮事件

您好，要监听鼠标的滚轮事件，可以使用以下代码：

// 绑定滚轮事件
if (document.addEventListener) {
  // 火狐浏览器
  document.addEventListener('DOMMouseScroll', scrollFunc, false);
}
// 其他浏览器
window.onmousewheel = document.onmousewheel = scrollFunc;

// 定义滚轮事件处理函数
function scrollFunc(event) {
  event = event || window.event;
  // 判断鼠标滚轮的方向
  if (event.wheelDelta) {
    // 判断是上滚还是下滚，当向上滚动时wheelDelta的值为120，向下滚动时值为-120
    if (event.wheelDelta > 0) {
      console.log('向上滚动');
    } else {
      console.log('向下滚动');
    }
  } else if (event.detail) {
    // 火狐浏览器中的处理方式
    if (event.detail > 0) {
      console.log('向下滚动');
    } else {
      console.log('向上滚动');
    }
  }
}

以上代码中，我们使用了`addEventListener`和`onmousewheel`两种方式来绑定滚轮事件，以兼容不同的浏览器。在`scrollFunc`函数中，我们判断了鼠标滚轮的方向，从而实现了对滚轮事件的监听。希望可以帮到您！