无法在webkit浏览器上以全屏模式在文本输入中键入任何字母或数字

Jul*_*ian 6 javascript fullscreen keyboard-events

切换到全屏模式(在chrome和safari上测试)后,我无法在文本输入中键入任何字母或数字,但我仍然可以输入特殊字符,*¨%£但没有简单的字母......

代码非常简单:

HTML

<button type="button" id="fullScreen">LAUNCH FULLSCREEN</button>
<input type="text" /> 
Run Code Online (Sandbox Code Playgroud)

JS

function launchFullScreen(element) {
  if(element.requestFullScreen) {
    element.requestFullScreen();
  } else if(element.mozRequestFullScreen) {
    element.mozRequestFullScreen();
  } else if(element.webkitRequestFullScreen) {
    element.webkitRequestFullScreen();
  }
}

document.getElementById("fullScreen").addEventListener("mousedown", function(){
  launchFullScreen(document.documentElement);
}, false);
Run Code Online (Sandbox Code Playgroud)

正如Jan Dvorak所提到的,只有在使用js函数时才会出现问题,使用浏览器内置全屏按钮/快捷方式时不会出现错误

看到它的实际效果:

http://jsfiddle.net/QwqT7/show/

更新2:

刚刚在Firefox for Mac上测试过,在全屏模式下没有问题.似乎问题只是webkit.

小智 2

Mozilla 注释说:

出于安全原因,大多数键盘输入已在全屏模式下被阻止。但是,在 Google Chrome 中,您可以通过调用带有标志的方法来请求键盘支持...