使用打字稿，RemoveEventListener在Angular2中不起作用

Question

I'm using three.js in Angular2. The code is simple, as following.

this.webGLRenderer.domElement.addEventListener('mousedown', ()=>this.onMouseDown(<MouseEvent>event), false);

this.webGLRenderer.domElement.removeEventListener('mousedown', ()=>this.onMouseDown(<MouseEvent>event), false);

I also tried this

this.webGLRenderer.domElement.removeEventListener('mousedown', this.onMouseDown, false);

I still got the event on the domelement anyway. It seems like, addEventListener is working properly, but can not remove it. Thanks in advance.

Answer 1

to use removeEventListerner, the functions callbacks can not be anonymous, so your second example should work, as long as you are also using this.onMouseDown when adding the listener.

To remove event handlers, the function specified with the addEventListener() method must be an external function.

from HERE

try:

this.webGLRenderer.domElement.addEventListener('mousedown', this.onMouseDown, false);
this.webGLRenderer.domElement.removeEventListener('mousedown', this.onMouseDown, false);