画布指针锁

Question

我想把鼠标锁定在一个画布元素上。画布元素存在，指针锁可用。

这是我的控制台输出：

• 指针锁存在
• 未上锁
• 有个错误

已经检查了这两个链接，但找不到我的错误。因为全屏不再需要达到后锁，所以我没有启动全屏。

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

Lock

当然，我也有一个出口函数为切入点柜。但我想问题不应该在那里。

var check_pointerLock = 'pointerLockElement' in document ||
'mozPointerLockElement' in document ||
'webkitPointerLockElement' in document;

if(check_pointerLock){
    console.log("Pointer lock exists");
    //canvas element to lock pointer to
    canvas.requestPointerLock = canvas.requestPointerLock ||
         canvas.mozRequestPointerLock ||
         canvas.webkitRequestPointerLock;
    canvas.requestPointerLock();

    //check for errors
    document.addEventListener('pointerlockerror', errorCallback, false);
    document.addEventListener('mozpointerlockerror', errorCallback, false);
    document.addEventListener('webkitpointerlockerror', errorCallback, false);



    // 1) Used as a boolean check: are we pointer locked?
    if (!!document.pointerLockElement) {
      console.log("locked");
    } else {
      // pointer is not locked
      console.log("not locked");
    }


}
function errorCallback() {
    console.log("There was an error");

}

Answer 1

问题是，我使用了一个键来启动指针锁，不幸的是，这是不可能的。因此，我不得不坚持一个口香糖事件。