ExitFullScreen 无法正常工作 + 无论如何要在单击按钮时按下键盘？答案

【问题标题】：ExitFullScreen not working + anyway to keyboard press on button click?ExitFullScreen 无法正常工作 + 无论如何要在单击按钮时按下键盘？
【发布时间】：2014-05-08 16:03:24
【问题描述】：

我的浏览器：Google Chrome 版本 33.0.1750.154 m

脚本：

function exitFullscreen() {
    var element = document.documentElement;
    if (element.mozCancelFullScreen) {
        element.mozCancelFullScreen();
    } else if (element.webkitExitFullScreen) {
        element.webkitExitFullScreen();
    } else if (elem.exitFullScreen) {
        element.exitFullScreen();
    } else if (elem.msExitFullScreen) {
        element.msExitFullScreen();
    }
}

HTML：

<div class="menubutton" style="width: 100px;" onclick="exitFullscreen();">
    <span class="menubuttontext">EXIT FULLSCREEN</span>
</div>

但是当我在全屏模式下按下该 div 时，没有任何反应，是我打错字了，写的代码完全错误还是不可能？

替代灵魂？如果那个 div 按钮 onclick 可以触发键盘按转义键，它也可以退出全屏，或者这不可能？

【问题讨论】：

标签： javascript jquery html fullscreen

【解决方案1】：

有一个错字（虽然它不能解决问题）

} else if (elem.exitFullScreen) { // should be element
    element.exitFullScreen();
} else if (elem.msExitFullScreen) {
    element.msExitFullScreen();
}

但是 exitFullscreen 应该只在 document 对象上调用

function exitFullscreen() {
  if(document.exitFullscreen) {
    document.exitFullscreen();
  } else if(document.mozCancelFullScreen) {
    document.mozCancelFullScreen();
  } else if(document.webkitExitFullscreen) {
    document.webkitExitFullscreen();
  }
}

DEMO

【讨论】：