js: stop mouse movement

Question

it's possible to stop mouse movement in window and allow only in certain box ?

for example, i have a div with width: 200px and height: 200px , to allow only in this div to move mouse.

Thank you.

Answer 1

Javascript can read mouse position but not set it. What I would do for that kind of things is place an element under the mouse and prevent the page element from moving outside of the bounds even.

Also I have seen this link in stackoverflow, maybe it can help you

https://developer.mozilla.org/en-US/docs/Web/API/Pointer_Lock_API

Answer 2

您能告诉我您实际要做什么吗，如果您想将鼠标指针隐藏在某个div中而不是可以使用css

.hidecousor { cursor:none; }