Home > Blockchain >  how to trigger a function whenever the mouse on screen
how to trigger a function whenever the mouse on screen

Time:04-08

I'm being stuck in a problem

I'm creating something like this: https://www.fariasviolins.com/

My English is not good :3 Specifically, I'm creating a infinity layout, the layout will be moved according to the mouse position(The larger the position, the greater the speed), it means that when the mouse to directions, the layout will be moved. I have tried mousemove and it worked, but I also want the layout still move whenever the mouse on screen(even when the mouse not moving, the the speed will calculate by the position of the mouse), I have tried mouseover, but it didn't work as I expected. please help me huhuhuhhu, thank you so much

CodePudding user response:

I think mousemove is the right way to go!

On the example website you mentioned, it looks like the speed depends on the distance between your mouse and the center of the page.

If you calculate the speed that way, the speed shouldn't change if you don't move your mouse. (Because the distance between your mouse and the center of the page doesn't increase either.)

  • Related