Javascript 画布指针锁

我想将鼠标锁定到画布元素。 画布元素存在，指针锁可用

以下是我的控制台输出：

• 存在指针锁
• 未锁定
• 有一个错误

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

当然，我还有一个pointlocker的退出函数。但我想问题不应该存在

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");

}

---

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