ExitFullScreen无法正常工作+无论如何键盘按下按钮点击?

Fri*_*ler 3 html javascript jquery fullscreen

我的浏览器:谷歌浏览器版本33.0.1750.154米

脚本:

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();
    }
}
Run Code Online (Sandbox Code Playgroud)

HTML:

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

但是当我在fullscren模式下按下那个div时没有任何反应,我做了一个拼写错误,编写完全错误的代码还是不可能?

替代的灵魂?如果点击按钮onclick可以触发键盘按下退出键,它也可以退出全屏,或者这是不可能的?

cod*_*aff 7

有一个拼写错误(虽然它不会解决问题)

} else if (elem.exitFullScreen) { // should be element
    element.exitFullScreen();
} else if (elem.msExitFullScreen) {
    element.msExitFullScreen();
}
Run Code Online (Sandbox Code Playgroud)

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

function exitFullscreen() {
  if(document.exitFullscreen) {
    document.exitFullscreen();
  } else if(document.mozCancelFullScreen) {
    document.mozCancelFullScreen();
  } else if(document.webkitExitFullscreen) {
    document.webkitExitFullscreen();
  }
}
Run Code Online (Sandbox Code Playgroud)

DEMO