退出 pointerlockcontrols three.js 不工作

Question

我有以下代码来锁定光标（这很好用）：

var element = document.body;

var controls;
var instructions = document.getElementById( 'start' );
var havePointerLock = 'pointerLockElement' in document || 'mozPointerLockElement' in document || 'webkitPointerLockElement' in document;

if ( havePointerLock ) {


    var pointerlockchange = function ( event ) {

        if ( document.pointerLockElement === element || document.mozPointerLockElement === element || document.webkitPointerLockElement === element ) {

            controlsEnabled = true;
            controls.enabled = true;

        } else {

            controlsEnabled = false;
            controls.enabled = false;

            instructions.style.display = '';

        }

    };

    var pointerlockerror = function ( event ) {

        instructions.style.display = '';

    };

    // Hook pointer lock state change events
    document.addEventListener( 'pointerlockchange', pointerlockchange, false );
    document.addEventListener( 'mozpointerlockchange', pointerlockchange, false );
    document.addEventListener( 'webkitpointerlockchange', pointerlockchange, false );

    document.addEventListener( 'pointerlockerror', pointerlockerror, false );
    document.addEventListener( 'mozpointerlockerror', pointerlockerror, false );
    document.addEventListener( 'webkitpointerlockerror', pointerlockerror, false );

    instructions.addEventListener( 'click', function ( event ) {

        instructions.style.display = 'none';

        // Ask the browser to lock the pointer
        element.requestPointerLock = element.requestPointerLock || element.mozRequestPointerLock || element.webkitRequestPointerLock;

        if ( /Firefox/i.test( navigator.userAgent ) ) {

            document.addEventListener( 'fullscreenchange', fullscreenchange, false );
            document.addEventListener( 'mozfullscreenchange', fullscreenchange, false );

            element.requestFullscreen = element.requestFullscreen || element.mozRequestFullscreen || element.mozRequestFullScreen || element.webkitRequestFullscreen;

            element.requestFullscreen();

        } else {

            element.requestPointerLock();

        }

    }, false );

} else {

    instructions.innerHTML = 'Your browser doesn\'t seem to support my epic Portfolio';

}

当我运行一个函数时，我希望禁用 pointerlockcontrols 以便我可以再次使用我的鼠标。所以我尝试了以下方法：

function onDocumentMouseDown( event ) {

    element.exitPointerLock;

}

这没有给我任何错误，但我也没有取回鼠标，这是为什么？

当我尝试时：

element.exitPointerLock();

我得到 element.exitPointerLock 不是函数

所以我不知道如何解决这个问题 :( 如果您需要更多代码或 jsfiddle，任何建议都很好，只要问我 :)

Answer 1

所以我想通了:D 我不得不改变:

element.exitPointerLock();

至：

document.exitPointerLock();

那么一切正常！希望这对某人有帮助:)

退出 pointerlockcontrols three.js 不工作

exit pointerlockcontrols three.js not working

javascript

function

three.js

pointerlock