Я не знаю, что я делаю неправильно, но вот пример того, что я делаю, и, похоже, это не работает.
someDom.addEventListener('mousemove',function(ev) {self.onInputMove(ev)},false);
someDom.removeEventListener('mousemove',self.onInputMove);
Код removeEventListener выполняется, но он просто не удаляет прослушиватель mousemove.
removeEventListener удаляет прослушиватель, который точно соответствует добавленной функции.
В этом случае функция, которую добавил addEventListener, была:
var some_func = function(ev) {
self.onInputMove(ev);
};
Сохраните ссылку на фактическую функцию, и все будет хорошо. Так, например, должно работать следующее:
someDom.addEventListener('mousemove',self.onInputMove,false);
someDom.removeEventListener('mousemove',self.onInputMove,false);
someDom.removeEventListener('mousemove', self.onInputMove, false);
- person meouw; 29.04.2011
removeEventListener? и мне нужно использовать true в качестве третьего параметра в addEventListener, чтобы я мог предотвратить щелчки мышью по умолчанию... (открытие ссылки), поэтому я не могу установить false для этого метода..
- person user924; 11.11.2017
true как для add, так и для removeEventListener, это будет работать - основная проблема заключается в том, что добавляемая функция должна быть той же функцией, что и удаляемая функция.
- person Sean Vieira; 12.11.2017
onInputMove не является методом обратного вызова события. Итак, вам нужно сделать что-то вроде:
var event = function(ev) {self.onInputMove(ev)};
someDom.addEventListener('mousemove', event,false);
someDom.removeEventListener('mousemove', event, false);
someDom.removeEventListener('mousemove', event, false);
- person meouw; 29.04.2011
event не подходит для ссылки на функцию обработчика событий.
- person UpTheCreek; 29.11.2012
Зачем делать это так сложно, просто используйте следующее, чтобы привязать событие к элементу:
element.onmousemove = function(e) {
// Some code here...
alert("Mouse moved!");
};
Теперь, когда вы хотите удалить событие, просто сделайте следующее:
element.onmousemove = null;
Сделанный!
Надеюсь, это поможет вам, ребята!
Эта страница появляется первой при поиске этой/подобной проблемы в Google. Итак, помимо уже упомянутых ответов, вот еще один интересный факт на будущее:
Отсутствие третьей необязательной переменной в addEventListener() для useCapture/useBubble (поскольку по умолчанию она имеет значение false) создает некоторые проблемы при удалении того же прослушивателя событий с тем же именем обратного вызова. Я столкнулся с этой проблемой при работе с хромом. Чего не скажешь о других браузерах.
Поэтому явно укажите третью переменную как «false».
