Невозможно удалить (связанный) прослушиватель событий
Я новичок в javascript и столкнулся со следующей проблемой, которую я не смог найти в предыдущих ответах после многократного поиска (надеюсь, это не дубликат).
У меня есть следующий модуль / класс. Давайте предположим, что я пытаюсь реализовать компонент, который можно перетаскивать по экрану. Когдапользователь нажимает на него в первый размы начинаем слушатьmousemove
события изwindow
знать, куда пользователь перемещает мышь. Как только пользователь отпускает мышь, мы хотим удалить прослушиватели событий окна. Код довольно прост, и он работает, если я просто кодирую его за пределами iife. Тем не менее, в настоящее времяremoveEventListener
просто не работает, Я думаю, что это может иметь какое-то отношение кClousure,объем или что-то, но я полностью пропускаю это. Заранее большое спасибо, вот код:
MyClass.js
var myNamespace = myNamespace || {};
(function(myNamespace){
var onMouseDragDown = function(e){
window.addEventListener("mousemove", onMouseDragMove,true);
window.addEventListener("mouseup", onMouseDragUp,false);
};
var onMouseDragUp = function(e){
// This code executes, but the events CONTINUE to be triggered after removing the event listener
//The following lines do not seem to have any effect whatsoever even though they are executed when the user releases the mouse button
window.removeEventListener("mousemove", onMouseDragMove, true);
window.removeEventListener("mouseup", onMouseDragUp,false);
};
var onMouseDragMove = function(e){
console.log('moving');
};
myNamespace.MyClass = function(param){
this._param = param;
this._div = document.createElement('div');
this._div = ....
this._div.addEventListener('mousedown', onMouseDragDown.bind(this), false);
}
myNameSpace.MyClass.prototype.getDiv = function (){
return this._div;
}
)(myNameSpace);
Index.html
...
function onCreateNewDocumentClicked(event){
var myObject = new myNamepace.MyClass(someParams);
document.body.appendChild(mdi.getDiv());
}