在全屏时捕捉键盘输入似乎不起作用

Question

我正在用Three.js制作游戏，我需要获取用户输入。我有两个处理函数;

function press(evt) 
{ 
    console.log(evt); 

    //evt = window.event; 
    var code = evt.which || evt.keyCode; 

    switch(code) 
    { 
     case KEY.W: input.up = true; break; 
     case KEY.A: input.left = true; break; 
     case KEY.S: input.down = true; break; 
     case KEY.D: input.right = true; break; 
     case KEY.E: input.e = true; break; 
     case KEY.Z: input.z = true; break; 
     case KEY.ONE: input.one = true; break; 
     case KEY.CTRL: input.ctrl = true; break; 
     case KEY.P: input.plus = true; break; 
     case KEY.M: input.minus = true; break; 
     case KEY.SH: input.shift = true; break; 
    } 
} 

function release(evt) 
{ 
    console.log(evt); 

    //evt = window.event; 
    var code = evt.which || evt.keyCode; 

    switch(code) 
    { 
     case KEY.W: input.up = false; break; 
     case KEY.A: input.left = false; break; 
     case KEY.S: input.down = false; break; 
     case KEY.D: input.right = false; break;   
     case KEY.E: input.e = false; break; 
     case KEY.Z: input.z = false; break; 
     case KEY.ONE: input.one = false; break; 
     case KEY.CTRL: input.ctrl = false; break; 
     case KEY.P: input.plus = false; break; 
     case KEY.M: input.minus = false; break; 
     case KEY.SH: input.shift = false; break; 
    } 
} 

这两个我用于其他项目，他们工作正常。这是我如何附加事件监听器：

document.addEventListener("keydown", press, false); 
document.addEventListener("keyup", release, false); 

这适用于网站正常加载时，但在网站全屏显示时不起作用！

这是init（）中的while设置;函数被调用的身体onload事件：

 var init = function() 
     { 
      started = false; 
      isFullscreen = false; 

      changeFSState = function() 
      { 
       if (isFullscreen == true) 
       { 
        isFullscreen = false; 

        game.stop(); //lol 
       } 
       else 
       { 
        isFullscreen = true; 
       } 
      } 

      container = document.getElementById("container"); 
      document.body.appendChild(container); 

      document.addEventListener("keydown", press, false); 
      document.addEventListener("keyup", release, false); 

      document.addEventListener("webkitfullscreenchange", changeFSState, false); 
      document.addEventListener("mozfullscreenchange", changeFSState, false); 

      game = new Game(container); 
     } 

一旦play按钮被点击，出现这种情况：

THREEx.FullScreen.request(self.container); 
    self.renderer.setSize(screen.width, screen.height); 

现在，正如我所说，抓住投入工作，直到我点击play按钮（链接，实际上），然后控制台停止记录事件，就好像它们没有发生一样。

Answer 1

THREEx.FullScreen似乎使用此代码：

element.webkitRequestFullScreen(); 

而且你需要的是这样的：

element.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT); 

好像this is Chrome-only虽然。