Não é possível remover um ouvinte de evento (vinculado)
Eu sou um novato em javascript e estou encontrando o seguinte problema, que eu não era capaz de encontrar nas respostas anteriores depois de pesquisar várias vezes (espero que isso não seja uma duplicata).
Eu tenho o seguinte módulo / classe. Vamos supor que estou tentando implementar um componente que pode ser arrastado pela tela. Quando ousuário clica nele pela primeira vez, começamos a ouvir omousemove
eventos dowindow
para saber para onde o usuário está movendo o mouse. Depois que o usuário soltar o mouse, queremos remover os ouvintes de evento da janela. O código é bastante simples e funciona se eu apenas codificá-lo fora de uma vida. No entanto, atualmenteremoveEventListener
simplesmente não funciona. Eu acho que pode ter algo a ver com oclousure, aescopo ou algo assim, mas eu estou totalmente perdendo isso. Muito obrigado antecipadamente, aqui está o código:
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());
}