Event listeners (mousemove)

Question

I have a some code that is giving me trouble. Here it is

https://code.sololearn.com/WL1qmBlorEd0/#html

I want the circle to follow my mouse positioning. I have tried to trouble-shooting it and it look like the mouse.x and the mouse.y are not changing to the client X and Y. I have spent two whole days trying to figure this one out. If you could give me any tips to help problem that would be wonderful. Any help would greatly be appreciated.

Thank you

Answer 1

This would better if you put in the code,nobody can run your post

Answer 2

You need to draw the circle each time the event handler function is called, and clear the canvas before (so redraw the "background circle" too if you want preserve it) if you want to give illusion of movement (else you just draw a new circle at each new mouse position)...

However, the "mousemove" event is not (well) handled on touch devices, so if you want to get it working with all devices, I suggest you to define also an event listener for the "touchmove" event:

https://code.sololearn.com/Wzag91JQXstA/?ref=app#html

Answer 3

Exactly Bradley

Answer 4

What do you mean by "put in the code"? Do you mean put it in the code playground and then send a link?