Javascript HTML5/JS：将光标锁定在画布元素中

所以我正在制作一个html5/JSRTS游戏。游戏可以全屏运行。现在的问题是，使用双屏幕的玩家会让他们的光标离开画布，当他们移动太远时，会跳到第二个屏幕。有没有一个好办法来防止这种情况？

---

我知道，有，但这似乎隐藏了光标，这不是我想要的RTS游戏。Ofc我可以画我自己的光标，但问题是，当时画的光标取决于帧速率，帧速率有时会下降，所以感觉比“正常”光标平滑得多。那么，有没有一种方法可以在不隐藏光标的情况下将光标锁定在元素中，并且仍然可以移动，但只需在边界处停止？

没有方法限制用户的鼠标移动

咯咯笑……如果有可能的话，你可以想象广告商会把你的鼠标冻结在广告上的“立即购买”按钮上

如果对您的设计有意义，您可以让画布元素“捕获鼠标事件”

捕获鼠标会使画布接收所有鼠标事件，即使鼠标实际离开画布元素。也许这在你的设计中会有用——也许不会

---

祝你的比赛好运

在全屏模式下运行是否会阻止光标离开？不，不会。通常ppl在全屏模式下播放，所以如果你有一个显示器，这很好，但当你有两个显示器时，就不是了。我至少会在鼠标离开时将游戏的透明度降低到75%，或者在允许的情况下暂停，从而给用户即时反馈。我还没有看到任何能够实现变通的方法。