javascript - webkit 浏览器中的全屏 API

Question

我正在为 JavaScript 全屏 API 开发一个开关。不知何故，Webkit 浏览器中的退出全屏模式(else 语句)不起作用。有人可以暗示出什么问题了吗？代码是fullscreen API的Mozilla Documentation的示例代码。 var toggleFullScreen;

toggleFullScreen = function() {
  if ((document.fullScreenElement && document.fullScreenElement !== null) || (!document.mozFullScreenElement && !document.webkitFullScreenElement)) {
    if (document.documentElement.requestFullScreen) {
      return document.documentElement.requestFullScreen();
    } else if (document.documentElement.mozRequestFullScreen) {
      return document.documentElement.mozRequestFullScreen();
    } else if (document.documentElement.webkitRequestFullScreen) {
      return document.documentElement.webkitRequestFullScreen();
    } else {
      return console.log("didnt happen");
    }
  } else {
    if (document.cancelFullScreen) {
      console.log("Mozilla Proposal cancels Fullscreen");
      return document.cancelFullScreen();
    } else if (document.mozCancelFullScreen) {
      console.log("Firefox closes");
      return document.mozCancelFullScreen();

// This is the line:

    } else if (document.webkitCancelFullScreen) {
      console.log("Webkit closes");
      return document.webkitCancelFullScreen();
    } else {
      return console.log("Can't close");
    }
  }
};

Answer 1

看这里http://xme.im/display-fullscreen-website-using-javascript ...这是我在引用面向全屏的代码时使用的页面...它应该有所帮助。