js 取消滚动事件监听事件

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

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

// 在某些条件下取消滚动事件监听
function disableScrollListener() {
    window.removeEventListener('scroll', handleScroll);
}

// 假设我们在某个按钮点击时取消监听
document.getElementById('disableButton').addEventListener('click', disableScrollListener);

// 错误的做法
window.addEventListener('scroll', function() { console.log('滚动'); });
window.removeEventListener('scroll', function() { console.log('滚动'); }); // 不会生效

// 正确的做法
function scrollHandler() { console.log('滚动'); }
window.addEventListener('scroll', scrollHandler);
window.removeEventListener('scroll', scrollHandler); // 会生效

// React 示例
class MyComponent extends React.Component {
    componentDidMount() {
        window.addEventListener('scroll', this.handleScroll);
    }

    componentWillUnmount() {
        window.removeEventListener('scroll', this.handleScroll);
    }

    handleScroll = () => {
        console.log('滚动');
    }

    render() {
        return <div>滚动我试试</div>;
    }
}