js：停止鼠标移动

Question

是否有可能停止鼠标在窗口中的移动并只允许在某些框中移动？

例如，我有一个div ，其width: 200px ， height: 200px ，仅允许该div中的鼠标移动。

谢谢。

Answer 1

Javascript可以读取鼠标位置，但无法设置。 我要做的就是在鼠标下放置一个元素，并防止page元素甚至移出边界。

我也已经在stackoverflow中看到了此链接，也许它可以帮助您

https://developer.mozilla.org/zh-CN/docs/Web/API/Pointer_Lock_API

Answer 2

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

.hidecousor { cursor:none; }