window.addEventListener监听鼠标滚轮

### 使用 `window.addEventListener` 监听鼠标滚轮事件

为了监听鼠标的滚轮事件并执行特定操作，可以采用现代的 JavaScript 方法。下面展示了如何利用 `addEventListener` 来处理这一需求。

#### 基本语法结构

// 添加带有选项参数的事件监听器
window.addEventListener('wheel', handleWheelEvent, {
  passive: false // 设置为false允许我们调用 preventDefault()
});

function handleWheelEvent(event) {
  console.log(`滚动方向：${event.deltaY > 0 ? '向下' : '向上'}`);
}

此代码片段定义了一个名为 `handleWheelEvent` 的函数作为回调，在每次检测到用户的滚动行为时都会触发该函数，并打印出滚动的方向[^1]。

需要注意的是，默认情况下某些类型的触摸板手势也可能触发相同的事件；如果只希望响应实际的滚轮动作，则可能需要进一步过滤输入设备类型或其他属性来实现更精确控制[^2]。

另外，当不需要再继续监听此类事件时，可以通过移除相应的监听器来进行清理：

// 移除之前添加过的相同签名的事件监听器
window.removeEventListener('wheel', handleWheelEvent);

对于不同浏览器之间的兼容性问题，通常建议使用标准化的方式编写代码，即优先考虑 W3C 推荐的标准 API 和特性。然而，在面对一些老旧环境时，仍需注意可能存在差异的地方，并采取适当措施确保功能正常工作[^3]。