退出全屏不起作用+有没有办法在按钮点击时进行键盘按键操作？

Question

我的浏览器：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可以触发键盘按键esc键，它也可以退出全屏，或者这不可能吗？

- Friedpanseller

Answer 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();
  }
}

演示

- code-jaff