# revmoveEventListener

**URL:** <https://forum.kirupa.com/t/revmoveeventlistener/635972>\
**Category:** web dev\
**Created:** [February 13, 2017, 5:43am UTC](https://forum.kirupa.com/t/revmoveeventlistener/635972 "2017-02-13T05:43:23Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Numinus](https://avatars.discourse-cdn.com/v4/letter/n/9fc29f/32.png) [@Numinus](https://forum.kirupa.com/u/Numinus)\
**Post date:** [February 13, 2017, 5:43am UTC](https://forum.kirupa.com/t/revmoveeventlistener/635972/1 "2017-02-13T05:43:23Z")

</div>

```
var frequency = 3;
stage.enableMouseOver(frequency);
this.bigButton.addEventListener("mouseover", mouseOverFunction);
this.bigButton.addEventListener("mouseout", mouseOutFunction); 

function mouseOverFunction() {
	canVas.addEventListener("mousemove", setMousePosition, true);
	 
	function setMousePosition(e) {
	  mouseX = e.clientX - canvasPos.x;
	  mouseY = e.clientY - canvasPos.y;

	  context.beginPath();
	  context.arc(mouseX, mouseY, 50, 0, 2 * Math.PI, true);
	  context.fillStyle = "#FF6A6A";
	  context.fill();
	}
}

function mouseOutFunction(){
	canVas.removeEventListener("mousemove", setMousePosition, true);
	alert("Trace");
}

```

* * *

can anyone tell me why the removeEventListener doesn’t work here? this code is in an adobe animate html5 canvas project. what i’m trying to accomplish is have a movie clip follow the mouse when hovering over a button, and then on mousing out of the button, have the setMousePosition stop and the movie clip go away.

---

<div class="post-metadata">

**Author:** ![TheCanadian](https://avatars.discourse-cdn.com/v4/letter/t/67e7ee/32.png) [@TheCanadian](https://forum.kirupa.com/u/TheCanadian)\
**Post date:** [February 13, 2017, 1:19pm UTC](https://forum.kirupa.com/t/revmoveeventlistener/635972/2 "2017-02-13T13:19:46Z")

</div>

Seems to me like setMousePosition is only accessible inside mouseOverFunction. Perhaps you should declare it outside.