js 取消鼠标滚动事件监听事件

// 定义一个处理滚动事件的函数
function handleScroll(event) {
  console.log('页面滚动了！');
}

// 添加滚动事件监听器
window.addEventListener('wheel', handleScroll);

// 在某个条件下移除滚动事件监听器
// 例如，用户点击了一个按钮后
document.getElementById('removeListenerButton').addEventListener('click', function() {
  window.removeEventListener('wheel', handleScroll);
});

// 使用命名函数以避免匿名函数的问题
function handleScroll(event) {
  console.log('页面滚动了！');
}

// 添加滚动事件监听器，指定冒泡阶段
window.addEventListener('wheel', handleScroll, { passive: true });

// 移除滚动事件监听器，确保使用相同的函数和选项
document.getElementById('removeListenerButton').addEventListener('click', function() {
  window.removeEventListener('wheel', handleScroll, { passive: true });
});