javascript - 类中 "scroll"事件的removeEventListener

Question

在 javascript 中，我有一个类，它有一个运行良好的 scroll 事件。 显示多个 console.log('OKscroll')。

            const PaginatorInfiniteScroll = class {
                constructor(paginationElement) {
                    ...

                    window.addEventListener('scroll', () => {
                        this.scroll()
                    })
                }

                scroll()
                {
                    console.log('OK scroll')
                    ...
                }

                endScroll()
                {
                     window.removeEventListener('scroll', () => {
                        console.log('OK remove')
                        this.scroll()
                    }, true)
                }

                ...

但是当我不再需要这个事件时，我想删除它。

当我执行 this.endScroll() 时，我显示了良好的 console.log('OK remove') 但我仍然有 console.log(滚动时出现“确定滚动”)。

我认为我的 removeEventListener('scroll') 执行得很差，但不知道该怎么做

Answer 1

您需要将回调函数保存在某个变量中，并将该变量传递给removeEventListener函数

const callback = () => {
    console.log('OK Scroll');
}

window.addEventListener('scroll', callback);       // add scroll event listener

window.removeEventListener('scroll', callback);    // remove scroll event listener