JS独占鼠标(像FPS游戏那样锁定鼠标位置)

在 JavaScript 中，你可以使用 Pointer Lock API 来实现 FPS 游戏中的鼠标捕获效果。以下是一个基本的示例：

// 获取你想要应用鼠标捕获的元素
var element = document.getElementById('your-element-id');

// 定义一个函数来处理鼠标移动事件
var pointerlockchange = function(event) {
    if (document.pointerLockElement === element) {
        document.addEventListener("mousemove", yourMouseMoveFunction, false);
    } else {
        document.removeEventListener("mousemove", yourMouseMoveFunction, false);
    }
}

// 监听鼠标捕获状态的改变
document.addEventListener('pointerlockchange', pointerlockchange, false);

// 请求鼠标捕获
element.requestPointerLock = element.requestPointerLock || element.mozRequestPointerLock;
element.requestPointerLock();

// 定义你的鼠标移动函数
function yourMouseMoveFunction(e) {
    var movementX = e.movementX || e.mozMovementX || 0;
    var movementY = e.movementY || e.mozMovementY || 0;

    // 在这里处理鼠标移动事件
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

这个结果是Copilot生成的,有事儿就多问它,真香…