JS - 需要原始鼠標輸入（或接近它）

Question

我正在編寫一個HTML5遊戲，並且我希望用戶能夠通過左右移動鼠標來控制他們角色的方向。

我可以通過onmousemove和pageX和pageY獲得鼠標移動，但是一旦鼠標碰到屏幕邊緣......對您來說太糟糕了。 是否有任何跨瀏覽器的方式（可能獲得實際的鼠標移動，而不是光標位置）？

如果沒有，我可以設置鼠標光標在元素的中間，如果它到達邊緣，並且只允許它們將它們的鼠標垂直移出元素？

Answer 1

這是不可能的，除非您的頁面包含在您的目標平臺的原生應用程序中，或者您要求現在的瀏覽器支持的遊戲的全屏頁面。

https://developer.mozilla.org/en/DOM/Using_full-screen_mode

http://hacks.mozilla.org/2012/01/using-the-fullscreen-api-in-web-browsers/

這裏的東西要記住：

• 出於安全網頁無法檢測到光標瀏覽器窗口之外。
• 系統級設備無法通過網頁來控制（例如：無法控制鼠標）

*這是可能與閃光燈，雖然，不知道。

Answer 2

不，沒有辦法做到這一點，我知道，但可能有辦法得到相同的效果。

當光標開始向左（或向右）移動時，記錄它。當光標碰到屏幕邊緣時，它可能會開始向上或向下移動（因爲沒有人足夠穩定地跟隨1個像素的直線）。您將此上下運動解釋爲同一方向上的運動（在此情況下保留），直到檢測到向右方向運動。

如果光標在開始處向右移動，則上下錄製爲向右移動，直到檢測到向左方向。

Answer 3

使用指針鎖定API。

http://www.html5rocks.com/en/tutorials/pointerlock/intro/

https://developer.mozilla.org/en-US/docs/WebAPI/Pointer_Lock

這是 「實驗」。

瀏覽器將詢問用戶鎖定光標的權限。