在HTML5游戏或VR应用开发中，为了实现鼠标的持续控制，可以使用Pointer Lock API。传统监听事件方法受限于浏览器边缘，而Pointer Lock API能锁定鼠标位置，持续发送移动事件，提供鼠标的移动量，且隐藏光标。该API已被Chrome 23+和Firefox 14.0+支持。其起源与WebGL游戏开发者的需求有关，经过讨论和建议，最终被纳入W3C标准。
如果使用HTML5开发游戏或者VR博物馆之类的应用，常常需要获取鼠标的控制权，也就是说简单地通过鼠标的移动来控制视角的旋转。
直接使用监听mousemove事件是不可行的，因为当鼠标移动到浏览器或元素的边缘的时候，鼠标不能再移动，mousemove中鼠标的位置也不会再移动。
这个可以通过Pointer Lock API / 指针锁定API来完成，它的使用很简单，只需要在某个事件监听器中（必须在某个事件监听器中调用，否则无效）调用canvas.requestPointerLock()即可，比如下面的代码就是在canvas被点击后获取鼠标的控制权。
canvas.addEventListener("click", ev => {
canvas.requestPointerLock
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
