Как в классе навешивать и удалять EventListner'ы?

Question

[KononovD]

Писал свой плагин для скролла страницы (типо fullPage.js)
в функциональном стиле написал, все нормально работало
Дальше начал решать проблему "а как подключить эту библиотеку?" переписал в ООП, сделал классом, чтобы этот класс импортировать в main.js и там уже .init()
Но вот столкнулся вот с чем:
я при инициации навешиваю событие на окно:

window.addEventListener("mousewheel", this.onWheel.bind(this))

(да, я знаю, что можно использовать стрелочные методы, вместо .bind(this), но у меня почему-то babel-polyfill не подключается, не очень хочу с этим сейчас возиться)
потом, когда это событие срабатывает - я его удаляю:

window.removeEventListener("mousewheel", this.onWheel.bind(this));

и через 600 мс навешиваю обратно:

setTimeout(() => {window.addEventListener("mousewheel", this.onWheel.bind(this))}, 600);

(примерно 600мс длится анимация скролла к нужному блоку)
И вот собственно в чем проблема: событие навешивается, но не удаляется. Как быть? Что делать?

Answer 1

[0xD34F]

Вам следует осознать, что

this.onWheel.bind(this) !== this.onWheel.bind(this) // true

Сохраняйте куда-нибудь созданный обработчик при добавлении, и при удалении передавайте в removeEventListener его, а не новую функцию.

Comments

[KononovD]

А можно какой-нибудь пример? а то я не совсем понимаю что значит "сохранить обработчик")

[Stockholm Syndrome]

KononovD,
let onwheel = this.onWheel.bind(this);
и передавать onwheel в addEventListener/removeEventListener

[0xD34F]

KononovD, пример можно.

[KononovD]

StockholmSyndrome, точно) меня смутило то, что я назвал функцию "onwheel", и это выглядело сейчас как "onclick" и тому подобные слушатели)) болею-_-
почему-то я сразу не догадался так сделать)
спасибо

[KononovD]

StockholmSyndrome, 0xD34F, погуглил еще немного, оказывается, можно навешивать событие таким образом, что бы оно срабатывало 1 раз и самоудалялось :

window.addEventListener("wheel",  this.onWheel.bind(this), {
once: true
})

и не приходится теперь ручками удалять это событие