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.
| 归档时间: |
|
| 查看次数: |
4642 次 |
| 最近记录: |