PointerLock带飞镖

Question

有没有一种方法可以用在Firefox和Chrome上工作的飞镖锁定光标？我试过：

void lock(event)
{    
    var canvas = document.querySelector('canvas');
    canvas.requestPointerLock();
}

在鼠标向下的事件侦听器中

 document.addEventListener('mousedown', lock, false);

我也试过

renderer.canvas.requestPointerLock(); 

其中呈现器是来自three.dart包的一个three.dart。问题是，这只适用于铬。我查找了以下js的跨浏览器解决方案，但这在dart中不起作用。

canvas.requestPointerLock = canvas.requestPointerLock ||
                 canvas.mozRequestPointerLock ||
                 canvas.webkitRequestPointerLock;

是否有一种方法可以在dart中执行指针锁，还是需要找到从dart执行上述javascript的方法？

Answer 1

对于这个https://dartbug.com/4463，有一个悬而未决的问题

我认为使用前缀的代码中存在的问题是，如果不存在canvas.requestPointerLock、canvas.mozRequestPointerLock、canvas.webkitRequestPointerLock，则不返回false (如果不存在，则返回true )。您必须通过其他方法获取当前浏览器，然后调用前缀方法。